
* {
margin : 0px;
padding : 0px;
}

body {
color : #555;
font-family : verdana, sans-serif;
font-size : 12px;
background: #F4F4F4;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
}
.clearfix {display:inline-block;}
*:first-child+html .clearfix {min-height:1px;}
.clearfix {display: block;}
.clear { clear: both; }

input, select {
border: solid 1px #CCC; 
padding: 4px;
}

a {

color: #444;

text-decoration: none;

}

a:hover {
text-decoration: underline;
color: #000;
}


#acontent {
border-left: solid 1px #DDD;
border-right: solid 1px #DDD;
border-top: solid 1px #DDD;
width: 1200px;
margin: 0 auto;
background: #FFF;
}


#conteudo {
float: left; 
}


#bigbanner {
width : 835px;
margin: 0 0 10px 0;
text-align : right;
overflow : hidden;
background: url(images/publicidade.jpg) left no-repeat;
}

#bigbanner img {
border: solid 1px #CCC;
margin: 10px 3px 0 10px;
background: #FFF;
padding: 5px;
}

#page_title {
margin-left : 3px;
margin-top : 13px;
width : 200px;
height : 63px;
float : left;
border: solid 1px;
}

#logo {
float: left;
padding: 17px 0 0 85px;
}

#fullbanner {
height: 90px;
float : right;
text-align: center;
padding: 10px 25px 0 0;
} 
#fullbanner img {
height: 90px;
width: 728px;
}

/****  MENU  ****/

#menu {
border-top:solid 1px #E5E5E5;
border-bottom:solid 1px #E5E5E5;
width:100%;
font-family: Verdana;
background: #F7F7F7;

margin: 15px 0 5px 0;
float: left;
}

#menu ul {
padding: 10px;
margin:0;
}

#menu li {
display: inline; 
list-style:none;
}

#menu li a {
border-right:solid 0px #999;
margin: 0 10px;
text-decoration:none;
}

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



#page_wrapper {
width : 1200px;
display : block;
clear : both;
float: left;
background: url(images/bg1_b.jpg) top right repeat-y;
margin: 10px 0 0 0;
}



/* Left Column Style */

#page_leftcol {

width : 179px;

float : left;

border: solid 0px;

margin: 0;

}



.leftcol_box {

width : 177px;

background : #fff;

overflow : hidden;

display : block;

clear : both;

border: solid 0px;

margin: 0 0 12px 0;

}



.leftcol_box h2 {

background: #EEE;

font-size: 13px;

padding: 3px 5px 5px 5px;

color: #D8170A;

border-bottom: solid 1px #D8170A;

font-weight: bold;

}



.leftcol_box img {

margin: 0 0 20px 0;

}



.leftcol_box .content {

margin : 10px 5px 10px 5px;

line-height: 20px;

}



#catalog {

border: solid 0px;

margin: 15px 0 15px 15px;

} 



#catalog ul {

width : 141px;

height : 97px;

background : url('images/catalog_bg.gif') 0px 0px;

overflow : hidden;

}



#catalog li {

display : block;

float : left;

}



#catalog li span {

padding: 5px 0 4px 0;

width : 20px;

text-align : center;

position : relative;

display : block;

}



#catalog li a {

color : #D8170A;

font-size : 11px;

font-weight : bold;

text-decoration : none;

}



#catalog a:hover {

color : #716E6E;

}



#page_leftcol .busca_input {

border: solid 1px #D8170A; 

height: 20px; 

padding: 2px 0 0 0;

}



#page_leftcol .button_busca {
color: #f00; 
border: solid 1px; 
margin: 7px 0 0 0; 
width: 90px;
}


#page_leftcol .button_newsletter {
color: #f00; 
border: solid 1px; 
margin: 7px 0 0 5px; 
width: 155px;
}

/* Main Column Style */

#page_maincol {
margin : 0 0 0 10px;
width : 1039px;
float : left;
}

#page_maincol .box_meio_left {
float: left; 
width:232px; 
}

#page_maincol .box_meio_right {
float: right; 
width:232px; 
}

#page_maincol .box_meio_img {
width:200px;
height:60px; 
padding: 0 0 5px 0;
}

#page_maincol a {
color: #E25147;
}

#page_maincol .box_meio {
margin: 0 0 15px 0;
padding: 0;
float: left;
width: 100%;
}

#page_maincol .box_meio ul {
margin:0; 
padding:5px 0 0 20px; 
list-style-type: circle;
line-height: 23px;
}

#page_maincol .box_meio li {
margin:0;
padding:0;
}

#page_maincol .box_meio li a {
color: #E25147;
font-weight: bold;
}

#page_maincol .box_meio h2 {
border-bottom: solid 1px #D8170A;
font-size: 13px;
padding: 3px 0 5px 0;
color: #D8170A;
font-weight: bold;
}

#page_maincol .box_meio p {
padding: 10px 5px 5px 5px;
line-height: 20px;
}

/* Right Column Style */
#page_rightcol {
margin: 0 0 0 13px;
width : 130px;
float : right;
}

#page_rightcol .rightcol_box {
margin: 0 0 12px 0;
}

#page_rightcol .rightcol_box img {
border-top: solid 1px #E6E6E6;
padding: 15px 0 15px 0;
}

#page_rightcol .rightcol_box h2 {
font-size: 12px;
padding: 10px 0;
margin: 0 10px 0 0;
color: #999;
font-weight: normal;
border-top: solid 1px #E6E6E6;
}

#page_rightcol .rightcol_box p {
padding: 10px 5px 10px 5px;
line-height: 20px;
}

/* Footer Style */
#page_spacing {
clear: both;
border-top: 1px solid #DDD;
background: #FFF;
}

#footer {
padding: 10px 0;
font-size: 10px;
color: #333;
}

#footer ul{
margin: 0;
padding: 0;
list-style: none;
}

#footer li{
border-left:solid 1px #999;
padding:0 5px 0 5px;
display: inline;
}

#footer a {
color : #D8170A;
text-decoration : none;
}

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

#footer #rights {
padding-top : 3px;
padding-left : 15px;
float : left;
border: solid 0px;
}

#footer #links {
padding-top : 3px;
padding-right : 10px;
float : right;
font-weight : bold;
border: solid 0px;
text-align: right;
}



#footer #links p {

padding: 10px 5px 0 0;

}



#footer #links span {

margin-left : 20px;

display : block;

position : relative;

float : left;

}



/* Barra Fixa - Right */

#barra_right {

border: solid 0px; 

float: left; 

padding: 10px 0 5px 25px; 

margin: 0;

color: #999;

text-align: center;

font-size: 10px;

}



#barra_right img {

border: solid 0px #CCC;

padding: 5px 0 0 0;

}



/* Colunas - Lista de produtos */

#colunas{
margin:0;
padding:0;
}

#coluna1{

float:left;

width:260px;

height:auto;

margin:0 10px 0 0;

padding:0;

}


#coluna2{

float:left;

width:260px;

height:auto;

border:solid 0px;

margin:0;

padding:0;

}

#coluna3{

float:right;

width:260px;

height:auto;

border:solid 0px;

margin:0;

padding:0;

}




/* Form Orçamento */

#form_orcamento form {

margin: 0 0 10px 0; 

padding: 0;

border: 0px solid #f2f2f2; 



}

#form_orcamento label {

display:block;

font-weight:bold;

padding: 0;

margin:5px 0 0 0;

}

#form_orcamento input {

padding:2px 0 2px 2px;

border:1px solid #AAA;

font-family: normal Verdana, sans-serif;

color: #555;

}

#form_orcamento textarea {

width:450px;

padding:2px;

font: normal 1em Verdana, sans-serif;

border:1px solid #AAA;

height:80px;

display:block;

color:#555;

}

input.button { 
margin: 0; 
border: 1px solid #CCC;
padding: 3px; 
background: #F6F6F6;
color: #555;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}

.box_produto {
margin: 14px 11px 0 11px;
float: left;
width: 323px;
line-height: 20px;
height: 342px;
}
.box_produto img{
width:317px;
height:244px;
padding: 2px;
border: solid 1px #EEE;
}
.box_produto img:hover{
border: solid 1px #C00;
}

#rol {

background: #FFFFD9;

}

#bg {

}

.pages {

border-top: solid 1px #EEE;

border-bottom: solid 1px #EEE;

text-align: center;

margin: 30px 0 10px 0;

padding: 5px 0 5px 0;

font-weight: bold;

color: #AAA;

float: left;

width: 100%;

}



.pages a {

border: solid 1px #FFF;

padding: 4px;

height: 15px;

line-height: 25px;

}



.pages a:hover {

border: solid 1px #E25147;

text-decoration: none;

}



.pages_crr {

border: solid 1px #E25147;

padding: 4px;

height: 15px;

line-height: 25px;

color: #FFF;

background: #E25147;

}

#grid {
border: solid 1px #EEE;
}
#grid table {
border-collapse: collapse;
margin: 0;
border: solid 0px;
width: 100%;
}
#grid th {
background: #EEE;
padding: 5px;
color: #000;
text-align: center;
border-left: 1px solid #CCC;
border-bottom: solid 1px #CCC;
font-weight: normal;
}
#grid td {
padding: 10px;
border-left: 1px solid #DDD;
border-top: solid 1px #DDD;
border-bottom: solid 1px #DDD;
}

.img_prod_adc {
margin: 3px;
width: 121px; 
height: 93px; 
border: solid 1px #E5E5E5;
padding: 2px;
}
.img_prod_adc:hover {
border: solid 1px #C00;
}


.box_pro_re {
float: left;
width: 160px;
padding: 0 5px 0 5px;
text-align: center;
}
.box_pro_re img {
border: solid 0px;
width: 150px;
height: 115px;
border: solid 1px #FFF;
padding: 2px;
}
.box_pro_re img:hover {
border: solid 1px #E5E5E5;
padding: 2px;
}

.list-itens li {
float: left;
width: 33.33%;
}

.top-header {
height: 100px;
background: url(images/header-banner-especial-natal-2016.jpg) top center;
margin-bottom: 25px;
border-bottom: solid 1px #DDD;
box-shadow: inset 0px 0px 0px rgba(255,255,255, .8), 0px 0px 4px rgba(0,0,0, .1);
-moz-box-shadow: inset 0px 0px 0px rgba(255,255,255, .8), 0px 0px 4px rgba(0,0,0, .1);
-webkit-box-shadow: inset 0px 0px 0px rgba(255,255,255, .8), 0px 0px 4px rgba(0,0,0, .1);
}
.top-header a {
display: block;
width: 1000px;
height: 100px;
margin: 0 auto;
}