/*
SITES&CIA - estilo.css
Folha de Estilo Principal
Por Ramon
*/

/* -------- IDS -------- */

#topo {
	background-image:url(../img/topo_fundo.jpg); background-position:left; background-repeat:no-repeat; background-color:#fff;
	text-align:right;
	padding-right:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#d86a00;
	font-size:15px;
	letter-spacing:-1px;
	height:209px;
	min-width:910px;
}

#topo .redes {float:left; padding:8px;}

#menu {list-style:none; margin:0; padding:0; background-image:url(../img/menu_fundo.jpg); background-color:#cf5d21; position:absolute; right:0; top:179px; min-width:945px; font-family: 'Imprima', sans-serif;}

#menu a {color:#ffffff; text-decoration:none;}
#menu a:hover {text-decoration:underline}

#menu li {
	float:left;
	position:relative;
	width:105px;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	padding:7px 10px;
	letter-spacing:normal;
}

#menu li ul {
	display:none;
	position:absolute;
	list-style:none;
	bottom:2em;
	left:0;
	margin:0;
	padding:10px;
	background-image:url(../img/menu_ul_fundo.jpg);
	background-repeat:repeat-x;
	background-color:#cf5d21;
	font-family:Verdana, Geneva, sans-serif;
}

#menu li ul li {text-align:right; font-size:10px; text-transform:lowercase; padding:0; width:120px;}

#menu li:hover ul {display:block;}

#miolo {
	clear:both;
	background-image:url(../img/miolo_fundo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#000;
}

#miolo #conteudo {
	background-image:url(../img/conteudo_fundo.jpg);
	background-repeat:repeat-y;
	width:730px;
	margin:0 auto;
	padding:30px 60px 10px 60px;
	text-align:justify;
	line-height:19px;
}

#miolo_fim {background-image:url(../img/miolo_fim.jpg); background-repeat:no-repeat; background-position:center; height:116px;}

#rodape {font-family:Tahoma, Geneva, sans-serif; font-size:10px; padding:10px; min-width:930px;}
#rodape #endereco {clear:both; text-align:center; color:#888888; font-size:12px; padding:15px; padding-top:40px;}
#rodape #direitos {color:#aeaeae; text-align:center;}

#rodape #contato {text-align:right; width:23%; float:left; color:#262626; font-size:14px;}
#rodape #contato a {color:#262626; padding:0 1%; text-decoration:none;}
#rodape #contato a:hover {font-weight:bold;}


/* ------- CLASSES ------- */

.num {margin-bottom:2.5em;}
.num:first-letter {font-size:40px; font-family:arial; color:#a14c1e;}

.link1, .link2 {margin:12px 0; clear:both;}

.link1 a {color:#fff; background-color:#c77009; padding:5px}
.link1 a:hover {color:#fff; background-color:#ff8a00; padding:5px; text-decoration:none;}
.link1 a:visited {color:#fff; background-color:#808080; padding:5px}

.link2 a {color:#fff; background-color:#a14c1e; padding:5px}
.link2 a:hover {color:#fff; background-color:#ce500d; padding:5px; text-decoration:none;}
.link2 a:visited {color:#fff; background-color:#808080; padding:5px}

.topo-ddd {font-size:11px;}

.tit_secao {font-family: Arial, Helvetica, sans-serif; color:#edc6a8; font-size:20px; text-transform:lowercase;}
.tit_secao a {color:#edc6a8;}

.sitesecia {color:#d56821; font-weight:bold;}

.faq h1 {font-size:26px; margin-top:0em; line-height:normal;}
.faq h3 {text-align:left;}

.imagem-lat {float:right;margin-left:25px;}

.cat {margin:0; padding:0; list-style:none;}
.cat li {float:left; width:221px; margin-right:20px; margin-bottom: 20px;}
.cat li img {opacity:0.75; filter:alpha(opacity=75); transition:.3s ease 0s;}
.cat li img:hover {opacity:1; filter:alpha(opacity=100)}

.port {margin:0; margin-top:60px; padding:0; list-style:none; font-size:16px;}
.port li {float:left; margin-right:30px;}
.port li img {width:210px; opacity:0.5; filter:alpha(opacity=50); transition:.3s ease 0s;}
.port li img:hover {opacity:1; filter:alpha(opacity=100)}
.port a:hover {text-decoration:none; color:#333;}

.rodape-menu {width:19%; float:left;}
.rodape-menu ul {margin:0; padding:0;}
.rodape-menu li {letter-spacing:2px; list-style:none; padding:0; margin:0;}
.rodape-menu a {color:#919191; text-decoration:none;}
.rodape-menu a:hover {text-decoration:underline}

.rodape-tit {font-family:Arial, Helvetica, sans-serif; font-size:30px; letter-spacing:normal;}
.rodape-tit a {color:#f9dec6; text-decoration:none;}
.rodape-tit a:hover {color:#fbc595; text-decoration:none;}

.rodape-telefone {color:#d3611f; font-size:36px; font-weight:bold; letter-spacing:-5px; font-family:Arial, Helvetica, sans-serif; padding-right:7px;}
.rodape-ddd {color:#d3611f; font-size:20px;}
.rodape-ddi {color:#d3611f; font-size:16px;}

.centraliza {text-align:center;}
.centraliza img {margin:0 5px 15px 5px;}

/* ------- TAGS ------- */

html {min-width:950px;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#616161;
	margin:0;
	min-width:950px;
}

h1 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:36px; color:#c8814c; margin-top:0;}

h2, h2 a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#de6800; margin:0;}

h3, h3 a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000; text-align:right; margin-top:2em;}

a {color:#999; text-decoration:none; transition:.3s ease 0s;}
a:hover {text-decoration:underline;}

a img {border:none}

form {margin:0;}

input, textarea, select {border:1px solid #bbb; padding:4px; font-size:11px; font-family:verdana; font-weight: bold; color:#454545; background-image:url(../img/input_fundo.jpg); background-repeat:repeat-x; background-position:bottom;}
input:hover, textarea:hover, select:hover {background-image:none; background-color:#d66600; color:#fff}
input.no {border:none; background:none}
input.botao {background-image:url(../img/botao_fundo.jpg); background-color:#9e4600; color:#fff; padding:5px 8px; border:none;}

input[readonly="readonly"] {border:none; font-weight:normal; width:30px; color:#999; font-style:italic; background:none;}
input[readonly="readonly"]:hover {background:none; color:#999;}

fieldset {padding:16px;}

legend {color:#d56821; font-weight:bold;}

dl {border-bottom: 1px solid #999;}

dt 	{
	width: 15em;
	padding: 0.5em;
	padding-bottom:1em;
	float: left;
	margin: 0;
	border-top: 1px solid #999;
	font-weight: bold;
	color:#d56821;
}

dd {margin-left: 16em;	padding: 0.5em; padding-bottom:1em; border-top: 1px solid #999;}

hr {border:0; border-top:1px dashed #a06746; margin-top:10px}

/* ------- FLOATER ------- */

/*
#popup{
width: 616px;
color:#b2998e;
background:#faf8ec;
height: 357px;
z-index:9999999;
border:0px solid #FFF;
-webkit-box-shadow:0 0 25px 0 rgba(50,50,50,.75);
-moz-box-shadow:0 0 25px 0 rgba(50,50,50,.75);
box-shadow:0 0 25px 0 rgba(50,50,50,.75);
padding:1.5em;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
position:fixed;
top:30%;
left:28%;
}
#popup .linksFechar{
background:#e2edab;
color:#FFF;
cursor: pointer;
font-size: 16px;
line-height: 28px;
height: 26px;
position: absolute;
right: 38px;
text-align: center;
top: 36px;
width: 25px;
text-decoration: none;
}
#popup .linksFechar:link:hover{
background:#FFF;color:#c5c0cd
}
*/
/*-------------------------------
   O fundo escurecido do banner
--------------------------------*/
#floatBannerFundo {
z-index:1001;
width:100%;
height:828px;
position: absolute;
top:0;
left:0;
background-color:#000;
filter:alpha(opacity=80);
opacity: .8;
-moz-opacity: .8;
text-align:center;
}

/*----------
   O banner
-----------*/
#floatBanner {
z-index:1021;
width:100%;
position: absolute;
margin-top:100px;
text-align:center; 
}
#floatBanner .banner {
width:450px;
margin-left:auto;
margin-right:auto;
}