﻿/*
Theme Name:   DePo Clean
Theme URI:    http://powazek.com
Description:  A clean, organized theme by <a href="http://powazek.com">Derek Powazek</a>.
Version:      0.5
Author:       Derek Powazek
Author URI:   http://powazek.com
*/

#loja {position: absolut;}

#loja a { position: absolut; display:block; background:#A9D568;
color:white;
display:block;
font-size:12px;
font-weight:bold;
left:670px;
padding:4px;
position:relative;
text-align:center;
width:95px;}

#loja a:hover {background:#EFB8E2;}



li.window{
display:inline-block;
line-height:18px; /* check your icon height */
background:transparent url(images/window.png) no-repeat scroll 125px 0px;
padding-right:20px;
} 

/* geral */
* { margin: 0; padding: 0; }
body { background: #fff; text-align: center; background: url(images/bg.jpg) repeat-x; font: 16px arial, sans-serif; }
#main { width: 840px; margin: 0 auto 0; text-align: left;  } 
#main:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
a { color:#749049; text-decoration: none }
a:hover { color: #83a354 }
/* header */
#header { height: 250px; }
#header #logo { float: left; width: 370px; margin: 48px 0 0 0;  }
#header #logo h1 { display: none; }
#header #address { float: right; width: 170px; margin: 80px 0 0 0; }
#header #address .tel, #header #address .tel a{ font-size:18px; color:#e093c4; font-weight:bold; letter-spacing:-1px;}
#header #address .tel a:hover{ color:#87cef4; text-decoration:none;}
#header #address .address{ color:#859aab; font-size:11px; font-weight:normal;}
#header #address #button, #header #address #button a{background: url(images/bt.gif); color:#FFF; font-size:11px; font-weight:normal; width:121px; line-height:30px; height:30px; text-decoration:none; text-align:center; margin:10px 0;}
#header #address #button a:hover{ color:#749049;}

blockquote{ background: #eaf8fd; margin: 0 0 25px 0; padding: 10px; }
.imgHome, .imgHome a{border: none;}
.clear{ clear: both; display: block; width: 100%;}

/* menu */
#menu { margin: 30px 0 30px 0; height: 30px; }
#menu ul { display: inline; clear: both; list-style-type: none}
#menu ul li { float: left; width: 128px; height: 40px; margin-left: 32px;  }
#menu ul li a { float: left; display: block; width: 128px; height: 31px; color: #4385aa; background: url(images/menu.png) no-repeat; text-decoration: none; 
padding: 9px 0 0 0; text-align: center; font-size: 18px; }
#menu ul li a:hover, #menu ul li a.active { color: #fff; background-position: 0 -40px;}
#menu ul li a.loja:hover { color: #FEFFBF; background-position: 0 -40px;}

/* submenu */
#seta { background: url(images/seta.png) no-repeat; width: 66px; height: 37px; margin-bottom: 30px; }
#seta.first { margin-left: 46px;}
#submenu { clear: both; background: url(images/submenu.png) no-repeat; height: 124px; padding: 0 10px 0 10px; width: 820px; }
#submenu ul { list-style-type: none; display: inline;  }
#submenu ul li { float: left; margin: 0 0 0 22px;}
#submenu ul li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 18px; }
#submenu ul li a:hover, #submenu ul li a.active { color: #83a354; }

/* content */
#content { background: #fff; padding: 20px;  display: block; width: 800px;}
.home { background: transparent none !important }
#content h2 { color: #e093c4; border-bottom: 6px solid #d9e8f4; font-size: 24px; font-weight: bold; letter-spacing: -1px; padding: 0 0 8px 0;
margin-bottom: 10px; }
#content p { color: #777; font: 16px arial, sans-serif; line-height: 22px; }

/* footer */ 
#footer { background: url(images/bg.jpg) repeat-x left -450px; width: 100%; height: 56px; display: block; }
#admin { background: #e4f2fd; width: 100%; display: block; height: 180px; text-align: left;  }