@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'AvantGarde';
    src: url('avant-font.eot');
    src: url('avant-font.eot?#iefix') format('embedded-opentype'),
         url('avant-font.ttf') format('truetype'),
         url('avant-font.svg#AvantGarde') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Bebas';
    src: url('bebas-font.eot');
    src: url('bebas-font.eot?#iefix') format('embedded-opentype'),
         url('bebas-font.ttf') format('truetype'),
         url('bebas-font.svg#Bebas') format('svg');
    font-weight: normal;
    font-style: normal;}


/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img, a {
	margin: 0; padding: 0; border: 0;}

/* CLEAR */
#clear {clear: both;}


body {
	background: #0f537e;}


/* Topo */

#header {
	width: 100%;
	background: #373737;}

#topo {
	width: 960px;
	height: 80px;
	margin: 0 auto;}

#logotipo {
	float: left;
	width: 200px;
	height: 40px;
	margin: 20px 0px 20px 30px;
	background:url(img/logotipo.jpg);}

#menu {
	float: right;
	width: 600px;
	height: 40px;
	margin: 20px 30px 20px 0;
	line-height: 40px;
	text-align: right;}

#menu li {
	display: inline;
	margin: 0 5px 0 5px;}

#menu li a {
	color: #FFF;
	padding: 5px 10px;
	text-decoration: none;
	font-family: "AvantGarde";
	font-size: 17px;
	letter-spacing: -0.01em;
}

#menu li a:hover {
	color: #FFF;
	background: #00aff0;
	padding: 5px 10px;
	border-radius: 5px;
}


/* -- HOME -- */

#principal_slidehome {
	width: 100%;
	height: 330px;
	background: url(img/home_slide_bg.jpg) repeat-x center top;}

#slidehome {
	width: 960px;
	margin: 0 auto;}

#principal_painel {
	width: 100%;
	background: url(img/painel_bg.jpg) repeat-x top center;
	padding: 10px 0px;}

#painel {
	margin: 0 auto;
	width: 920px;
	height: 260px;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.5);
	z-index:999999;}

#painel1, #painel3 {
	width: 300px;
	height: 250px;
	border: #FFF solid 5px;
	background: url(img/painel_titulo.jpg) repeat-x top center #CCC;
	float: left;
	display: table-cell;
	font-family: "Bebas";
	font-size: 20px;
	color: #555;}

#painel2 {
	background: url(img/painel_titulo.jpg) repeat-x top center;
	width: 300px;
	height: 250px;
	border-bottom: #FFF solid 5px;
	border-top: #FFF solid 5px;
	background: url(img/painel_titulo.jpg) repeat-x top center #CCC;
	float: left;
	display: table-cell;
	font-family: "Bebas";
	font-size: 20px;
	color: #555;}

#painel1:hover, #painel2:hover, #painel3:hover {
	background: #00aff0;
	color: #FFF;}

#painel_titulo {
	height: 34px;
	padding: 8px 15px;
	line-height: 34px;
	border-bottom: #00aff0 solid 3px;
	font-family: "Bebas";
	font-size: 34px;
	color: #FFF;
	display: block;}

#painel_texto {
	height: 125px;
	padding: 17px 15px 15px 15px;
	display: block;}

#painel_link {
	width: 40px;
	height: 40px;
	padding-left: 260px;
	display: block;}


#painel_produtos {
	width: 100%;
	background: #FFF;
	padding: 10px 0px;}


/* ---------------------------------------------------- */

/* Conteúdo de página */

#principal {
	width: 100%;
	background: #FFF;}

#conteudo {
	width: 950px;
	padding: 5px 10px;
	margin: 0 auto;}

#conteudo h1 {
	font-family: "AvantGarde", Calibri, Arial;
	font-size: 40px;
	color: #0f537e;
	padding: 10px 0 5px 0;}

#conteudo h2 {
	font-family: "AvantGarde", Calibri, Arial;
	font-size: 32px;
	color: #547b93;
	padding: 7px 0 3px 0;}

#conteudo h3 {
	font-family: "AvantGarde", Calibri, Arial;
	font-size: 26px;
	color: #86949d;
	padding: 5px 0 3px 0;}

#conteudo h4 {
	font-family: "AvantGarde", Calibri, Arial;
	font-size: 20px;
	color: #b5b5b5;
	padding: 3px 0;}

#conteudo p {
	font-family: "Myriad Pro", Helvetica, Sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 16px;
	padding: 5px 0;
	text-align: justify;}

#conteudo a {
	color: #00aff0;
	text-decoration: none;}

#conteudo a:hover {
	color: #00aff0;
	text-decoration: underline;}

#conteudo ul {
	margin-left: 40px;
	padding: 10px 0;
	font-family: "Myriad Pro", Helvetica, Sans-serif;
	font-size: 14px;
	color: #333;}

#conteudo img {
	border: 0px;}

.center {text-align: center;}
.right {text-align: right;}


/* Footer */

#footer {
	width: 100%;
	background: #0f537e;}

#footer_inside {
	width: 960px;
	min-height: 100px;
	margin: 0 auto;}

#footer_texto {
	width: 460px;
	margin-left: 20px;
	padding: 20px 10px 20px 170px;
	background: url(img/logo_amnet.png) no-repeat left center;
	float: left;}

#footer_texto p {
	font-family: "Calibri", Arial;
	font-size: 11px;
	color: #FFF;
	text-align: justify;}

#footer_texto h1 {
	font-family: "Calibri", Arial;
	font-size: 13px;
	color: #FFF;
	text-align: justify;}

#footer_texto a {
	font-family: "Calibri", Arial;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;}

#footer_texto a:hover {
	text-decoration: underline;}

#footer_follow {
	width: 230px;
	height: 40px;
	background: #09F;
	border-radius: 10px;
	margin: 50px 0 0 20px;
	padding: 5px 10px;
	text-align: right;
	float: left;
}

#footer_follow li {
	display: inline;
	margin: 2px 3px;
	line-height: 40px;
	font-family: "Bebas";
	font-size: 25px;
	color: #FFF;}


/* ---------- Form ---------- */

#form {
	margin: 0 auto;
	width: 660px;
	border: #CCC 1px solid;
	padding: 5px;
}

#form table p {
	font-family: "Myriad", Calibri, Arial;
	font-size: 14px;
	color: #666;
	padding: 0 0 0 0;}

#form .campos{width: 370px; border: #DDD solid 1px; font-family: "Myriad", Calibri, Arial; color: #333; font-size: 12px;}
#form .campos:hover{width: 370px; border: #666 solid 1px; font-family: "Myriad", Calibri, Arial; color: #333; font-size: 12px;}

#form .texto{width: 370px; border: #DDD solid 1px; font-family: "Myriad", Calibri, Arial; color: #333; font-size: 12px;}
#form .texto:hover{width: 370px; border: #666 solid 1px; font-family: "Myriad", Calibri, Arial; color: #333; font-size: 12px;}

#form .botao{background: #FFF; border: #666 solid 1px; font-family: "Myriad", Calibri, Arial; color: #666; font-size: 12px;}
#form .botao:hover{background: #FFF; border: #666 solid 1px; font-family: "Myriad", Calibri, Arial; color: #666; font-size: 12px;}


/* ----------------- tabela ----------------- */

table#compara {
	font-family: "Myriad Pro", Calibri, Arial, sans serif;
	font-size: 16px;
}

table#compara td {
	background: #EEE;
	padding: 5px;
}

table#compara td.branco {
	background: #FFF;}

table#compara td.pro {
	background: #6ccff2;
	text-align: center;}

table#compara td.lite {
	background: #cde9f6;
	text-align: center;}

table#compara td.protitle {
	background: #6ccff2;
	text-align: center;
	font-size: 18px;
	border-radius: 20px 20px 0px 0px;}

table#compara td.litetitle {
	background: #cde9f6;
	text-align: center;
	font-size: 18px;
	border-radius: 20px 20px 0px 0px;}