/*	INDICE DE FORMATACAO 
	==0 - CSS Reset
	==1 - Estilos Gerais
	==2 - PÁgina Inicial
	==3 - PÁginas de Cursos
	==4 - DescriçÃo Livros
*/

/*	==0
	CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
/* fim do css reset */



html{
	font:9pt Arial;
}

html, body, #wrap {height: 100%;}

body{
	background:#3281C7 url(imagens_layout/bg-body.jpg) repeat-x;
	color:#FFF
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

#main {
	padding-bottom: 96px;
	margin-top:-1px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -96px; /* negative value of footer height */
	height: 96px;
	clear:both;
}

#footer p{
	width:960px;
	background: url(imagens_layout/footer.gif) repeat-y 10px 0;
	margin:0 auto;
	text-align:right;
	font-size:11pt;
	height:96px;
	display:block;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#wrap{
	width:950px;
	margin:0 auto;
	background:url(imagens_layout/bg-site_.jpg) repeat-y 10px 0;
}

#menu{
	background:url(imagens_layout/btons_.jpg) -24px 0 no-repeat;
	width:235px;
	float:left;
	padding-top:7px;
	margin-top:-1px;
}

#conteudo{
	width:712px;
	float:right;
	margin-top:-1px;
}


#conteudo > p{
	width:620px;
	text-align:justify;
	margin:0 0 6px 10px;
	line-height:11pt;
}

#conteudo > .empresa.intro{
	height:200px;
	margin-bottom:-30px;
}

#conteudo > .empresa.intro > img{
	float:left;
	width:227px;
	height:190px;
	display:block;
}

#conteudo > .empresa.intro > div{
	float:right;
	width:450px;
	margin-right:32px;
}

#conteudo > .empresa.prods{
	margin-top:40px;
	height:220px;
	clear:both;
}

#conteudo > .empresa.prods > img{
	float:right;
	width:227px;
	height:190px;
	display:block;
	margin-right:32px;
	margin-left:10px;
	margin-top:20px;
}

#conteudo > .empresa.prods > div{
	float:left;
	width:440px;	
}

#conteudo > .empresa.vantagens > div{
	width:650px;	
}

#conteudo > .empresa.vantagens > div > ul{
	list-style-type:disc;
	margin-left:17px;
	margin-top:6px;
}

#conteudo > .empresa.intro > div > p,
	#conteudo > .empresa.prods > div > p,
	#conteudo > .empresa.vantagens > div > p{
	margin-top:5px;
	text-align:justify;
}

#conteudo > h3, #conteudo > dl > dt{
	margin:16px 0 2px 10px;
	color:#FFF;
}

#conteudo > dl > dd {
	margin-left:10px;
}

#conteudo > ul{
	margin:0 0 0 30px;
}

#conteudo > ul li{
	list-style:disc;
	line-height:10pt;
}

h1 a{
	text-indent:-5000px;
	overflow:hidden;
	background:cyan url(imagens_layout/SecuriCenter.jpg) no-repeat;
	height:197px;
	width:950px;
	display:block;
}

#menu > ul > li > a{
	text-indent:-5000px;
	overflow:hidden;
	height:22px;
	width:85px;
	display:block;
}

#menu > ul > li > a#home{
	background:url(imagens_layout/menu-home.gif) no-repeat;
	margin-left:125px;
	margin-bottom:25px;
}

#menu > ul > li > a#empresa{
	background:url(imagens_layout/menu-empresa.gif) no-repeat;
	margin-left:93px;
	margin-bottom:29px;
}

#menu > ul > li > a#produtos{
	background:url(imagens_layout/menu-produtos.gif) no-repeat;
	margin-left:64px;
}

#menu > ul > li > a#marcas{
	background:url(imagens_layout/menu-marcas.gif) no-repeat;
	margin-left:39px;
	margin-bottom:35px;
	margin-top:33px;
}

#menu > ul > li > a#loja{
	background:url(imagens_layout/menu-loja.gif) no-repeat;
	margin-left:25px;
	margin-bottom:33px;
}

#menu > ul > li > a#servicos{
	background:url(imagens_layout/menu-servicos.gif) no-repeat;
	margin-left:23px;
	margin-bottom:33px;
}

#menu > ul > li > a#eventos{
	background:url(imagens_layout/menu-eventos.gif) no-repeat;
	margin-left:46px;
	margin-bottom:27px;
}

#menu > ul > li > a#cadastro{
	background:url(imagens_layout/menu-cadastro.gif) no-repeat;
	margin-left:64px;
	margin-bottom:22px;
}

#menu > ul > li > a#contato{
	background:url(imagens_layout/menu-contato.gif) no-repeat;
	margin-left:107px;
}

#sub-produtos{
	margin-left:40px;
	width:170px;
	border:1px solid #06C;
	background:#3075b4;
	position:absolute;
	padding-left:6px;
	padding-bottom:10px;
}

#sub-produtos > li > a{
	text-decoration:none;
	font-weight:bold;
	color:#EFEFEF;
	margin-top:10px;
	display:block;
}

#sub-produtos > li > ul{
	margin-left:14px;
}

#sub-produtos > li > ul > li > a{
	line-height:13px;
	text-decoration:none;
	color:#EEE;
}

#sub-produtos > li > ul > li > a:hover{
	text-decoration:underline;
	color:#f80909;
}

.home-txt{
	width:310px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:30px;
	height:100px;
}

.home-txt > h2{
	font-size:15pt;
	font-weight:bold;
	margin-left:-1px;
	color:#FFF;
	border-bottom:2px solid #f02424;
	margin-bottom:6px;
}

.home-txt > p{
	line-height:10pt;
	width:290px;
}


h2{
	font-size:15pt;
	color:#FFF;
	height:22px;
	width:300px;
	display:block;
	margin:14px 0 20px 2px;
	float:left;
}

.empresa h3{
	color:#FFF;
	font-size:11pt;
	font-weight:bold;
	margin-top:16px;
}

.empresa h4{
	color:#FFF;
	font-size:11pt;
	font-style:italic;
	margin-bottom:-5px;
}

#cabecalhoProdutos{
	border-bottom:2px solid #f80909;
	clear:both;
	height:40px;
	width:680px;
}

#cabecalhoProdutos label{
	float:right;
	width:110px;
	padding-top:16px;
}

#cabecalhoProdutos label *{
	font:8pt Arial;
}

#marca1, #marca2, #marca3, #marca4 {
	width:640px !important;
	clear:both;
	margin-bottom:30px;
	margin-top:10px;
}

#marca1 h3, #marca2 h3, #marca3 h3, #marca4 h3 {
	font-size:10pt;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:3px;
}

.logos-marcas{
	display:block;
	margin-bottom:12px;
	width:60px;
	margin-left:10px;
	margin-right:100px;
	margin-bottom:14px;
	float:left;
	height:75px;
}

.logos-marcas.aleph > img{
	padding-top:5px;
}

.logos-marcas.dsc > img{
	padding-top:16px;
}

.logos-marcas.intelbras > img{
	padding-top:14px;
	padding-left:10px;
}

.logos-marcas.rosslare > img{
	padding-top:14px;
}

.logos-marcas.kantech > img{
	padding-top:12px;
}

.logos-marcas.redecamp > img{
	padding-top:6px;
}

.logos-marcas.sc > img{
	padding-left:20px;
}

.logos-marcas.sg > img{
	padding-top:8px;
}

.logos-marcas.secpower > img{
	padding-top:15px;
}

.logos-marcas.sertam > img{
	padding-top:8px;
}

.logos-marcas.tane > img{
	padding-top:5px;
}

.leiamais{
	color:#FFF;
	float:right;
}

.voltar{
	display:block;
	float:right;
	height:20px;
	width:80px;
	color:#FFF;
}

.Lancamentos{
	height:200px;
}

.Lancamentos img{
	float:left;
	width:280px;
	height:193px;
}

.Lancamentos h3 {
	font-weight:bold;
	margin-bottom:12px;
}

.Lancamentos ul, .Lancamentos h3 {
	float:right;
	width:384px;
	padding-right:30px;
}

.Destaque{
	height:200px;
}

.Destaque img{
	float:left;
	width:214px;
	height:437px;
}

.Representante *{
	color:#FFF;
}

.Representante p{
	margin-bottom:12px;
}

.Destaque p{
	float:right;
	width:450px;
	padding-right:30px;
	margin-bottom:12px;
}

.SecuriShop img{
	float:left;
	width:160px;
	height:95px;
}

.SecuriShop p{
	float:right;
	width:500px;
	padding-right:30px;
}

.Exposec{
	margin-bottom:20px;
	height:140px;
}

.Exposec > *{
	float:left;
	margin-right:10px;
}

.Exposec p{
	width:200px;
}

.Exposec a{
	color:#FFF;
	text-decoration:none;
}


form.contato, div.contato {
	width:300px;
	height:300px;
	float:left;
}

div.contato h3{
	font-weight:bold;
	margin-top:30px;
}

form.contato > label{
	display: block;
	width:150px;
	position: relative;
	text-align:left;
	float: left;
	clear:both;
	margin-bottom:10px;
}

form.contato > label > *{
	vertical-align: middle;
	clear:left;
	width:290px;
	border:none;
	font:9pt Arial;
}

form.contato > p{
	margin-bottom:20px;
}

.enviar{
	border:none;
	background:#FFF;
	font:9pt Arial;
	color:#333;
}

div.locais{
	float:right;
	width:300px;
	margin-right:50px;
}

div.locais h3{
	font-weight:bold;
}

div.locais a{
	color:#FFF;
}

div.locais p{
	margin-bottom:7px;
}

.LojasSecuri{
	height:300px;
}

.LojasSecuri img{
	float:left;
	width:280px;
	height:193px;
}

.LojasSecuri p{
	float:right;
	width:400px;
	height:193px;
}

.LojasSecuri a{
	color:#FFF;
}

.itens{
	height:206px;
	width:639px;
	display:block;
}

.prod-details{
	width:176px;
	height:204px;
	display:block;
	float:left;
	margin-left:10px;
	margin-right:20px;
	margin-top:10px;
}

.prod-details *{
	margin:0 auto;
	margin-top:5px;
}

.prod-details p{
	width:65px;
	text-align:center;
}

.prod-details a img{
	width:157px;
	margin:0 auto;
	margin-top:8px;
	display:block;
}


.prod-details a.det{
	background:url(imagens_layout/bt_detalhes.gif) no-repeat;
	width:65px;
	height:21px;
	display:block;
	text-align:center;
	line-height:19px;
	color:#FFF;
	text-decoration:none;
}

.prod-details > a.det:hover{
	color:#CFF;
}

#paginacao{
	margin:0 auto;
	width:600px;
	border-top:1px solid #035;
	text-align:center;
	margin-top:6px;
}
	
#paginacao li{
	display:inline;
	margin-right:10px;
	font-weight:bold;
	color:#222;
}

#paginacao li a{
	display:inline;
	margin-right:5px;
	color:#035 !important;
	text-decoration:none;
	font-weight:normal;
}

#paginacao li a:hover{
	text-decoration:underline;
}


/*	Formatacao pop up produtos	*/

.descLivro{
	display:block;
	width:600px;
}

.produto > h3 , .produto h4, .produto h5{
	font-weight:bold;
}

.produto > h3 {
	margin-top:15px !important;
	margin-bottom:-2px;
	font-size:17px;
}

.produto > h4 {
	font-size:11px;
	font-style:italic;
	color:#444;
}

.descLivro > div > ul {
	margin-bottom:10px;
}

.descLivro{
	margin-top:10px;
	clear:both;
}

.descLivro > img{
	float:left;
	width:157px;
	height:150px;
	display:block;
}

.descLivro > div{
	float:right;
	width:430px;
	display:block;
	margin-top:-5px;
}

.descLivro div p{
	text-align:justify !important;
}