/*
DETALHES CONFECCOES - estilo.css
Folha de Estilo Principal
Por Ramon
*/

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

#menu, #lateral, #rodape .creditos {float:left; width:238px;}

#topo, #conteudo {margin-left:268px;}

#menu {color:#da251d; font-style:italic; font-size:11px; padding-top:80px;}
#menu ul {margin:0; margin-top:78px; padding:0; list-style:none; background-image:url(../img/menu_fundo.jpg); font-family:"Arial Narrow", Arial; font-size:16px; font-style:normal}
#menu li {border-bottom:1px solid #722622; border-top:1px solid #e0453f; }
#menu li a {color:#fff; display:block; padding: 6px 10px; text-decoration:none;}
#menu li a:hover {background-color:#5b0400; text-decoration:none;}

#topo {height:330px; text-align:right; color:#fff; font-size:14px; line-height:33px;}

#miolo {background-image:url(../img/miolo_fundo.gif); background-repeat:repeat-y; clear:both;}

#lateral ul {color:#da251d; background-color:#000; margin:0; padding:0; list-style:none;}
#lateral ul li a {color:#fff; text-decoration:none; display:block; padding:6px 35px;}
#lateral ul li a:hover {border:none;}
#lateral ul li ul {background-color:#fff; padding:0 35px; padding-bottom:20px;}
#lateral ul li ul a {color:#000; display:inline; padding:0;}
#lateral ul li ul a:hover {text-decoration:underline;}
#lateral ul li ul li {padding:5px 0;}

#conteudo {background-color:#fff; border:2px solid #a6a6a6; padding:15px;}
#conteudo .destaque td {background-color:#e5e5e5; padding:13px;}
#conteudo .foto {border:1px dashed #d43d3d; height:150px; width:150px; text-align:center; background-color:#fff;}

#conteudo #promocoes {float:right; width:220px; color:#fff;}
#conteudo #promocoes h1 {text-align:right; border:none; color:#b40000;}
#conteudo #promocoes h4 {color:#fff;}
#conteudo #promocoes td {background-color:#b40000; padding:13px;}

#rodape {clear:both; text-align:center; font-size:9px; color:#5e5e5e; height:30px; padding-top:30px;}
#rodape .creditos a {color:#909090; border:none; text-decoration:none;}
#rodape .creditos a:hover {text-decoration:underline;}

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

.whatsapp img {vertical-align:top; padding-right: 6px;}

.links {font-size: 20px; font-family: "arial narrow", Arial;}
.links a:first-child {border-right: 1px dotted #fff; padding-right: 15px;}
.links a {text-decoration: none; display: inline-block; padding: 6px 7px; color: #3d3d3d;}
.links a:hover {color:#b40000;}

.voltar {text-align:right; font-style:italic;}
.voltar a {text-decoration:none;}

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

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:0;
	background-image:url(../img/fundo.jpg); background-repeat:repeat-x; background-color:#dddddd;
}

h1 {font-size:22px; color:#000; font-variant:small-caps; font-weight:normal; border-bottom:1px dashed #da251d;}

h2 {color:#b40000; font-weight:normal; margin-bottom:0.5em;}

h4 {color:#d5241c; font-weight:normal; font-size:12px; margin-bottom:0.2em; margin-top:0;}

a {color:#000; text-decoration:underline}
a:hover {text-decoration:none; font-weight: bold; text-decoration: none;}

a img {border:none}

form {margin:0;}

input, select, textarea {border:1px dashed #000; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:3px; color:#545454;}
input.botao {background-image:url(../img/botao_fundo.jpg); color:#fff; border:none;}

div.int {width:950px; margin:0 auto;}