@charset "utf-8";

/* CSS Document 
Projeto: Cernet Tecnologia e Sistemas
Autor: Thiago K. */

/* =============================================================================
GERAL
============================================================================= */

* {margin: 0; padding: 0; }
html, body {color: #000; font:12px Tahoma, Geneva, sans-serif; background: #FFF url(../images/bg_website.gif) repeat-x;}
div.clear{clear: both; height:1px; text-indent:-9999px; }

#limites {width: 980px; margin: 0 auto; }
.cernet { margin:0 0 15px 25px; border:#000 solid 1px;}

#padding {padding:25px;}

p {margin:0 0 5px 0; padding:0; line-height: 180%; }
h1 {font-size: 16px; margin-bottom:25px; padding:0 0 10px 0; border-bottom:#C00 dotted 1px; color:#012152; }
h2 {font-size:14px; margin:20px 0 15px 0; color:#C00;}
.txtvermelho {color:#900;}
.txtazul {color:#012152;}
.txtstrong {font-weight:bold;}

a {color:#ED1C24; text-decoration:none; }
a:hover {color:#036; text-decoration:none; }

#topo {height:102px; }
a.logo {width:235px; height:102px; float:left; text-indent:-9999px; background:url(../images/logo_cernet.jpg) no-repeat; display:block; }
#login {width:472px; height:46px; float:right; margin-top:20px; padding:18px 0 0 5px; background:url(../images/bg_login.gif) no-repeat; }
#login label { margin-left:10px;}

#telefone {background:#fff url(../images/icon-phone.png) no-repeat; text-align:left; margin:20px 20px 0 0; float:right; width:190px; padding-left:90px; color:#666;}
#telefone strong {font-size:18px;}

	#destaques {height:252px; }
	#box-01 {width:233px; height:127px; margin-bottom:10px;}
	#newsletter {width:203px; height:88px; background:url(../images/bg_newsletter.gif) no-repeat; padding:12px 15px 15px;}
	#newsletter a {color:#FFF;}
/*	#newsletter p {line-height:140%; font-size:11px;}
	#newsletter form {margin-top:12px; color:#FFF;}
*/
	.esquerda {width:233px; float:left; }
	.direita {width:738px; float:right; }
	
	.img-esquerda {float:left; margin:0 20px 0 0;}

	.conteudo {margin:20px 0; }
		.textos {margin:10px 0; }
		.textos-interno {margin:10px 20px;}
		.textos-interno p {margin-bottom:15px; text-align:justify;}
		.textos-interno #lista li {list-style:none; line-height: 180%; margin: 0 0 5px 15px; background: url(../images/bullet_seta.gif) no-repeat 0px 3px; padding-left: 10px;}
		.textos-interno .lista-simples li {margin: 0 0 5px 35px; list-style:disc;}
		
	.conteudo #linhaProdutos li {margin-bottom:0;}	
	.conteudo #linhaProdutos li ul {margin-bottom:15px;}	
	
	.textos-interno .listagem li {list-style:none; line-height: 24px; margin: 0 0 5px 35px; background: url(../images/ico_bullet.png) no-repeat 0px 0px; padding-left: 25px;}
	.textos-interno #acessoPromo { background:#e3eaf4; padding:15px; border:#a0b2ce solid 1px;}

	
	.linha-separa { margin:20px 0; border-bottom:#ccc solid 1px;}

	#intro {width:360px; float:left; }
	#noticias {width:360px; float:right; }
	
	#display {height:105px; overflow:hidden; white-space:nowrap;}
	
	
	.imgNovidade {width:236px; height:210px; margin: 0; overflow: hidden; float: left; position:relative; margin:20px 8px 0px 0px; border:#999 solid 1px; he}
	.imgNovidade a {text-decoration: none; float: left;}
	.imgNovidade a:hover {cursor: pointer;}
	.imgNovidade a .desc {display: block; padding:10px; background:#000; color:#fff; position:absolute; bottom:0; left:0; margin:0; width:236px; height:30px;
						  filter:alpha(opacity=80); opacity:.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/}


	.box1, .box2, .box3 {width:236px; height:210px; float:left; margin:20px 8px 0px 0px; border:#999 solid 1px;}
	.box1 {background:url(../images/box_forum.jpg) no-repeat;}
	.box2 {background:url(../images/box_parcerias.jpg) no-repeat;}
	.box3 {background:url(../images/box_cidades_digitais.jpg) no-repeat;}

	.box-detalhes {width:206px; height:30px; background:#000; color:#FFF; padding:15px; left:0px; filter: Alpha(Opacity=80); opacity:.80; z-index:1; margin-top:150px; }
		.box-detalhes a {color:#fff;}
		.box-download {width:190px; margin:0 0 15px 25px; border:#c6c8cf solid 1px; padding:20px; background:url(../images/bg_conteudo.gif) top repeat-x;}
		.box-download p {margin-bottom:0;}
		.box-download strong {color:#036;}
		
	#erro {border-bottom:#FC0 solid 1px; background:#FF9; padding:20px; margin:0 auto; font-size:13px;}

/* =============================================================================
MENU
============================================================================= */	
	ul.menu, ul.menu ul {list-style-type:none; margin: 0; padding: 0; width: 200px; }
	ul.menu a {display: block; text-decoration: none; padding: 2px; }
	ul.menu li {margin-top: 10px; }
	ul.menu li a {color: #000; padding-left: 40px; }
	ul.menu li a:hover {background: #940e0f; color: #fff; }
	ul.menu li ul li a {color: #000; padding-left: 50px; }
	ul.menu li ul li a:hover {background: #011e50; padding-left: 50px; }
	
	#rodape {text-align:right; margin:20px; font-size:11px; color:#666;}

	img {border:none; }
	fieldset {border:none; }
	ul, ol, li {list-style:none; }

	#atalhos {text-align:right; padding:10px 0 0 0; border-top:#C00 dotted 1px; margin:10px 20px 0 20px;}
	#atalhos a {color:#666; font-size:11px;}
	a.link_down {padding: 20px; background: url(../images/icon-pdf.gif) 0 center no-repeat; }
	a.link_topo {padding-left: 15px; background: url(../images/arrow_top.gif) 0 center no-repeat; }
	a.link_anterior {padding-left: 18px; background: url(../images/arrow_back.gif) 0 center no-repeat; }
	
			a[href$='.doc'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
			a[href$='.docx'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
			a[href$='.pdf'] { padding:5px 20px 5px 0; background:url(../images/ico_pdf.png) no-repeat center right;}
	
	.data {width:43px; height:53px; top:0; left:0; background:#fff; border:1px solid #036; float:left; margin-right:10px;}
	.data h5 {background:#036;	color:#fff; text-align:center; height:13px;}
	.data p {text-align:center;	color:#aa3633; margin-top:5px; line-height:8px;}
	.data p span {display:block; text-align:center;	color:#aa3633; font:bold 16px arial;}

/* =============================================================================
FORMULÁRIOS
============================================================================= */

	#formRevenda label, #formRMA label {float:left; width:130px;}
	#formRevenda .enviar, #formRMA .enviar {margin-left:130px;}
	#formRevenda input, textarea, #formRMA input, textarea {font-size:12px; margin-bottom:10px; padding:3px; border:#999 solid 1px;}
	#formRevenda em, #formRMA em, #formSolicitacao em, #formContato em {color:#C00;}

	#formSolicitacao fieldset {margin:25px 0;}
	#formSolicitacao input, textarea {font-size:12px; padding:3px; border:#999 solid 1px;}
	
	#formSolicitacao select {width:150px;}
	
	#formAcesso {margin-top:35px; border: none;}
	#formAcesso li {margin-bottom:10px; list-style: none;}
	#formAcesso label {float:left; width:100px;}
	#formAcesso input {padding:2px;}
	
	.popNegative{background:#f7e1e1 url(../images/popNegative.png) no-repeat 10px center; border:1px solid #f7b8b8; margin:0 0 30px 0; padding:10px 0 10px 30px;}
	
/* =============================================================================
TABELA
============================================================================= */

table.listagem { border-collapse: collapse; width:100%; margin-bottom:25px; }
table.listagem tr td { border:1px solid #333; padding: 3px; }
td.titulo {	color: #000; background-color:#F5FAFC; }
.boxrecomendacoes {	margin-top: 20px; padding: 15px; border:3px #fecc64 solid; color: #c42400; background-color: #fef2d9; }
.box-cinza {margin-top: 20px; padding: 15px; border:3px #e1e1e1 solid; color: #000; background-color:#EEE; }

/* =============================================================================
GALERIA
============================================================================= */

	#gallery {padding:0; width: 600px;}
	#gallery ul {list-style: none;}
	#gallery ul li {display: inline; margin:5px;}
	#gallery ul img {border: 1px solid #666;}
	#gallery ul a:hover img {border: 1px solid #000;}
	#gallery ul a:hover {color: #fff;}
	
	
#adBanner {width:738px; height:252px; color:#006600; background-color:#fff; overflow:hidden;/*	margin-top:7px;*/ }

/*destaque*/
#tab {position:relative; }
.ui-tabs-nav {bottom:15px; right:15px; position:absolute; font-size:11px; }
.ui-tabs-panel {width:735px; height:252px; text-align:center; }
.ui-tabs-hide {display:none; }
ul.ui-tabs-nav li {background-color:#012052; border:1px solid #FFF; color:#FFF; display:block; float:left; margin-right:5px; text-align:center; font-weight:bold; }
ul.ui-tabs-nav li a:link, ul.ui-tabs-nav li a:visited, ul.ui-tabs-nav li a:active {color:#FFF; display:block; float:left; line-height:15px; padding:2px 6px; text-decoration:none;}
ul.ui-tabs-nav li.ui-tabs-selected { background-color:#930d0d; border:1px solid #FFF; }
ul.ui-tabs-nav li.ui-tabs-selected a { font-weight:bold; color:#FFF; }
#aba_1 { background-color:#fff; }
#aba_2 { background-color:#fff; }
#aba_3 { background-color:#fff; }
#aba_4 { background-color:#fff; }