/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, pre, em, font, img, small, strong, sub, sup, ol, dl, dt, dd, fieldset, form, label, legend, tr, th, td, input, select,textarea { margin:0; padding:0; border:0; outline:0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
h1 {
font-size:14px;
}
ul, ol { list-style: none; }
img, fieldset { border:0; }
a { color: #333333; text-decoration: none; }
/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Layout */
body { position: relative; /*background: #555;*/ background-image: url('../images/stripe.gif'); color: #333333; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; overflow: inherit; }
div#wrap { width: 900px; margin: 10px auto; position: relative; background-color: #fff; -moz-box-shadow: 0px 0px 7px 7px #222; -webkit-box-shadow: 0px 0px 7px 7px #222; }
div#header { width: 900px; height: 260px; position: relative; float: left; }
div#content { min-height: 350px; width: 870px; margin: 15px 0px 0px 0px; padding: 0px 15px 0px 14px; position: relative; float: left; background-color: #fff; }
div#footer { width: 900px; height: 35px; padding: 0px; position: relative; float: left; background: #fff700; }
/* Header */
div#logo { width: 158px; height: 81px; padding: 15px 0 0 15px; position: relative; top: -260px; left: 0px; z-index: 10;}
#head_pic { width: 900px; height: 260px;}
/* Navigation */
div#nav { height: 30px; width: 885px; padding: 0 0 0 15px; left: 0px; top: -126px; position: relative; background-image: url(../images/nav_back.png); z-index: 10;}
div#nav ul { display: block; font-size: .85em; font-weight: bold; top: 0px; padding: 0; margin: 0; }
div#nav ul li { float: left; display: inline; padding: 9px 0px; }
div#nav ul li a:link { color: #333; padding: 9px 20px 7px 20px;}
div#nav ul li a:visited { color: #333; padding: 9px 20px 7px 20px;}
div#nav ul li a:hover { color: #000; padding: 9px 20px 7px 20px;}
div#nav ul li a:active { color: #000; padding: 9px 20px 7px 20px;}
body#home a#home_current { background: url(../images/nav_back2.png); padding: 9px 20px 7px 20px;}
body#empresa a#empresa_current { background: url(../images/nav_back2.png); padding: 9px 20px 7px 20px;}
body#produtos a#produtos_current { background: url(../images/nav_back2.png); padding: 9px 20px 7px 20px;}
body#contato a#contato_current { background: url(../images/nav_back2.png); padding: 9px 20px 7px 20px;}
div#media { float: right; font-weight: bold; width: 250px; }
div#media p { margin: 7px 5px 0 0; position: relative; float: left; }
div#media a { float: right; position: relative; padding: 3px 2px 2px 0; }
/* Content */
div#content p { font-size: 1.2em; }
div.loja { width: 868px; padding: 15px 0px 0px 0px; margin-bottom: 15px; border: 2px solid #fff700; background: #eee; float: left; }
div.loja_txt1, div.loja_txt2 { top: 0px; margin-left: 15px; float: left; width: 840px; padding-bottom: 15px;}
div.loja_img { float: right; padding: 0; top: 0px; -moz-box-shadow: 3px 3px 2px 2px #aaa; -webkit-box-shadow: 3px 3px 5px 2px #aaa; }
div.loja_desc { width: 420px; padding-top: 0px; float: left; }
div.loja_desc p { position: relative; margin: 0px; }
div.loja_map1, div.loja_map2 { margin: 15px 0px 0px 15px; position: relative; padding-top: 15px;}
div.mapbar1, div.mapbar11, div.mapbar2, div.mapbar22 { width: 868px; height: 30px; position: relative; float: left; background: url(../images/map.png) no-repeat center #fff700;}
/* Footer */
div#copyright { padding-bottom: 2px; position: relative; }
div#copyright p { margin: 10px 10px 10px 275px; position: absolute; }
div#design { position: absolute; right: 15px; top: -2px; }
/* Contato */
body#contato div#content { padding-bottom: 18px; }
div.contato_scroll { width: 858px; height: 100px; float: left; margin: 18px 0 0px 6px; -webkit-box-shadow: 3px 3px 3px 2px #aaa; -moz-box-shadow: 3px 3px 3px 2px #aaa; }
/* Clip DIV */
div.contato_scroll .simply-scroll-clip { width: 858px; height: 100px; }
/* Explicitly set height/width of each list item */
div.contato_scroll .simply-scroll-list li { width: 150px; height: 100px; float: left; }
body#contato div#content p { margin: 0px; padding: 5px 0 10px 10px; }
body#contato p a:link { color: #000; padding: 2px 3px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eee;}
body#contato p a:visited { color: #000; padding: 2px 3px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eee;}
body#contato p a:hover { color: #000; padding: 2px 3px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff700; }
body#contato p a:active { color: #000; padding: 2px 3px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eee;}
body#contato form ul { margin: 5px 0px 0px 0px; padding: 0; }
body#contato div#sc ul { padding: 0; margin: 0; }
body#contato form ul li { width: 420px; padding: 0px 5px; font-size: 14px; }
div#form { float: left; padding: 0 10px 6px 0; border-right: 1px dotted #000;}
div#contact_txt { float: left; padding-left: 15px; }
div#buttons { margin: 10px 7px 0 0; float: right; }
div.personal { width: 100px; float: left; }
div.personal img { float: left; padding-right: 5px; }
div.comment img { float: left; padding: 4px 5px 0 1px; }
div.fone img { padding: 5px 7px 0px 5px; }
div.nome img { padding: 3px 7px 0px 2px; }
div.clearfloat { clear: left; float: left; padding: 3px 3px 3px 0px; }
textarea { padding: 5px; border: 1px solid #fff700; background: #eee;}
.form_campos { width: 288px; padding: 4px; margin-left: 10px; float: left; border: 1px solid #fff700; background: #eee;}
.form_campos2 { width: 150px; padding: 4px; margin-left: 10px; float: left; border: 1px solid #fff700; background: #eee;}
.texto { display: block; float: left; padding: 5px 5px 3px 0px; font-size: 14px; font-weight: bold; }
.form_botao { padding: 5px 4px 5px 5px; font-size: 14px; font-weight: bold; background: #eee; border: 1px solid #fff700; }
.assunto_mensagem { display: none; }
.form_msg { width: 397px; margin-top: -5px; }
/* Empresa */
body#empresa div#content { margin-top: 0px; padding-bottom: 15px; }
body#empresa div#content p { padding-top: 0; }
div#empresa_con { position: relative; margin-top: 15px; }
div.empresa_img { width: 198px; height: 400px; margin-bottom: 1.5em; float: left; margin: 15px 15px 0 0; -webkit-box-shadow: 3px 3px 5px 2px #aaa; -moz-box-shadow: 3px 3px 5px 2px #aaa; }
/* Clip DIV */
div.empresa_img .simply-scroll-clip { width: 198px; height: 400px; }
/* Explicitly set height/width of each list item */
div.empresa_img .simply-scroll-list li { width: 198px; height: 134px; }
/* Produtos */
body#produtos div#content { padding: 0 0 5px 14px; width: 885px; }
div#tabs ul { padding: 0; margin: 5px 0 18px 3px; }
div#tabs ul li { display: inline; margin-right: 1px !important; }
div#tabs ul li a { padding: 3px 4px; background: #eee; border: 2px solid #eee; }
div#tabs ul li a:hover { background: #eee; border: 2px solid #ddd; }
.selected { background: #eee; border: 2px solid #fff700 !important; }
.home_prod { background: #fff !important; border: 0 !important; float: left; margin: -5px 2px 0 -7px !important; z-index: 100px; }
div.prod { width: 160px; height: 110px; margin-right: 10px; padding: 3px; background: #eee; float: left; margin-bottom: 11px !important; }
div.prod img { padding: 5px; }
div.main_prod { float: left; padding: 5px; margin: 0 10px 10px 0; witdh: 210px; height: 140px; background: #eee; }
div.vert1 img { padding-left: 53px; }
div.vert2 img { padding-left: 40px; }
.ui-tabs .ui-tabs-hide { display: none; }
body.ambientes div.prod { width: 425px; }
body.ambientes div.prod a { float: left; position: relative; }
body.ambientes div.prod p { float: left; position: relative; left: 2px; margin-top: 3px; font-size: 10px !important; line-height: 10px; }
body.cristaleiras div.prod { width: 425px; }
body.cristaleiras div.prod a { float: left; position: relative; }
body.cristaleiras div.prod p { float: left; position: relative; left: 2px; margin-top: 3px; font-size: 10px !important; line-height: 10px; }
div#promo { width: 866px; position: relative; left: 1px; margin-bottom: 15px; background: #ddd; border: 2px solid #fff700; }
div#promo ul { margin: 0 0 0 10px; list-style: circle; }
div#promo ul li { font-size: 16px; padding: 5px 5px 5px 0; }
div#promo p { margin-left: 15px; }
div#promo_heading { padding: 10px 0 0 15px !important; }
div#promo p.small { font-size: 12px; }
div.promo_pic { float: left; position: relative; padding: 15px; background: #ccc; margin: 0 0 15px 15px; }
div.promo_pic:hover { background: #bbb; }