/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #000;	
	color: #fff;
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

/* anchors
----------------------------------------------- */
a {
	color: #fff;	
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p{
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
	text-align:justify
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#000;
	border:5px solid #fff;
}


/* logotipo
----------------------------------------------- */
	
h1#branding{
	position: relative;
	left:0;
	top:15px;
	background: url(../img/logo-1dasul.jpg) no-repeat top center;	
	text-indent: -9000px;	
	text-align:center;
	height: 222px;
}
h1#branding a{
	display:block;
	width: 940px;
	height: 222px;
}
h1#branding img{
	display:none;
	text-align:center;
	width:245px;
	margin:0 auto

}


/* page heading
----------------------------------------------- */
h6{
	text-transform:uppercase;
	font-size:24px	
}


/* boxes
----------------------------------------------- */
.home .grid_3 .box {
	background:url("../img/box-220.gif") no-repeat;
	height:285px
}


.box {
	margin-bottom:20px;	
}
.box1{
	margin-bottom:14px;	
}
.home .grid_3 .box .produto {
	background-position:center bottom;
	position:relative;
	height:280px;
	
}
.home .grid_3 .box .produto h3 {
	background-color:#F2F2F2;
	border:2px solid #000;
	color:#000;
	height:20px;
	padding:5px;
	position:relative;
	top:3px;
	margin-left:3px;
	width:205px;
	font-size:21px
}
.grid_3 .box .produto h3 a{	
	color:#000;
}
.grid_3 .box .produto h3 a:hover{	
	color:#737373;
	text-decoration:none
}
h2#pEm a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/produtos-em.gif") no-repeat;
	height:285px
}
h2#pDestaque a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/produtos-destaque.gif") no-repeat;
	height:285px
}
h2#locaisHome a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/box-locais-home.gif") no-repeat;
	height:465px
}
h2#blogHome a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/box-blog-home.gif") no-repeat;
	height:206px
}
h2#tvHome a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/box-tv-home.gif") no-repeat;
	height:245px
}
h2#revivalHome a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/box-revival-home.gif") no-repeat;
	height:465px;
	
}
#contatoHome{
	display:block;	
	position:relative;
	background:url("../img/box-contato-home.gif") no-repeat;
	height:245px;	
}
#contatoHome h2{
	display:block;
	text-indent: -9000px;		
}
#contatoHome h6{
	font-size:23px;	
	margin-left:240px;
	margin-top:75px
}
#contatoHome h6 a{
	display:block;
	margin-bottom:-5px;
	padding-bottom:0px;
}
#contatoHome h6 a.atacadoHome{
	font-size:20px;	
}
h2#parceirosHome a{
	display:block;
	text-indent: -9000px;
	position:relative;
	background:url("../img/box-parceiros-home.gif") no-repeat;
	height:245px
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
	padding-left:30px;
}


/* section menus
----------------------------------------------- */
ul.section {
	border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
}
ul.section li a {
	background:#bbb;
}
ul.section li a:hover {
	background:#aaa;
}
ul.section li a:active {
	color:#fff;
	background:#666;
}
ul.section li li a {
	background:#ddd;
	border-bottom:1px solid #eee;
}
ul.section li li a:hover {
	background:#ccc;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#555;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}


/* table
----------------------------------------------- */
table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}
col.colC {
	width:8em;
}
th, td {
	padding:.2em 1em;
	text-align:left;
}
thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}
fieldset p input {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:right;
	width:32%;
}
fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}


/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles {
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:1.6em;
}
.box .first {
	border-top:none;
}
.article h4 {
	font-size:1.2em;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left; 
	margin:3px 10px 3px 0; 
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left; 
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#site_info .box {
	margin-top:40px;
	font-size:11px;
	color:#fff;	
	margin-bottom:10px;
}
#site_info p.grid_7 {
	font-size:11px;
}
#site_info a {
	color:#fff;
	font-size:11px;
}

#site_info p.grid_365{
	text-align:right;
}

/* pagina inicial
----------------------------------------------- */

.grid_305 .box {
	background:url("../img/borda-blog.gif") no-repeat;
	height:246px;
	padding-top:10px;
	position:relative;
	margin-bottom:5px
}
.grid_305 .box img{
	margin-left:4px
}
.grid_305 .box h6{
	font-size:40px;
	background-color:#000;
	padding:2px;
	margin-left:10px;
	top:10px;
	position:absolute;
	display:inline
}
.grid_305 .box .trecho{
	margin-top:45px;
	width:274px;
	margin-left:12px;
	font-size:14px;
	line-height:20px
}
#metaDados{
	height:30px;
	margin-bottom:10px
}
.grid_305 .box .trecho h3{
	font-size:16px;
	font-weight:bold
}
.grid_305 .box a.seta{
	display:block;
	text-indent: -9000px;
	position:absolute;
	bottom:25px;
	right:12px;
	background:url("../img/seta.png") no-repeat left bottom;
	height:32px;
	width:33px
}
.grid_305 .box a.seta:hover{
	background-position:left 0;	
}
#post5{
	position:relative;
left:320px;
margin-right:50px

}
h2#h2Meio{
	display:block;
	text-indent: -9000px;
	position:relative;
	width:306px;
	left:326px;
	background:url("../img/blog-box.gif") no-repeat;	
	height:247px;	
	top:260px	
}
h2#h2Fim{
	display:block;
	text-indent: -9000px;
	float:left;
	width:306px;
	margin-left:9px;
	background:url("../img/blog-box.gif") no-repeat;	
	height:247px;	
	margin-bottom:15px
}
a.nextpostslink{
	margin-right:35px
	
}
/* blog
----------------------------------------------- */
#postConteudo{
	border:2px solid #fff;
	padding:15px	
}
#postConteudo img{
	border:1px solid #ccc;
	background-color:#fff;
	padding:10px	
}
#postConteudo h6{
	font-size:30px;
	margin-bottom:30px
}
#dataPost{
	background:url("../img/seta-data.gif") no-repeat;
	padding-left:30px;
	float:left;
	padding-bottom:30px;
	font-size:18px;
	letter-spacing:1px
}
#nComentarios{
	background:url("../img/balao.gif") no-repeat;
	padding-left:35px;
	float:right;
	padding-bottom:30px;
	font-size:18px;
	font-style:italic;
	letter-spacing:1px
}
.grid_200{
	border:2px solid #fff;
	padding:20px 10px;
	margin-bottom:20px
}
.grid_200 h6{
	margin-bottom:30px
}
.grid_200 li{
	margin-bottom:15px
}

#comente form, .comment{
	background-color:#fff;		
	color:#000;
	width:640px;	
	margin-top:20px;
	padding:20px 30px
}
.comment{
	margin-top:25px	
}
.commentlist a{
	color:#000;
	text-decoration:underline
}
.commentlist .fn{
	font-style:normal	
}
.commentlist .fn a{
	text-decoration:underline	
}
.commentlist .fn, .commentlist .says{
	font-weight:bold	
}
.comment-author, .comment-meta{
	margin-bottom:10px;
}
.comment-meta{
	margin-top:10px;
}

.commentlist img{
	display:none
}
#comente label{
	font-weight:bold;	
}
#comente form input{
	border:0;
	font-size:14px;
	background-color:#000;
	height:20px;
	padding:5px;
	width:630px;
	color:#fff;
	margin-top:10px
}
#comente form a{
	color:#000;	
}
#comente form textarea{
	border:0;
	background-color:#000;
	height:130px;
	font-size:14px;
	padding:5px;
	width:630px;
	color:#fff;
	margin-top:10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#comente form input#submit {
	background: url("../img/bt-enviar.gif") no-repeat;
	height: 46px;
	width: 133px;
	font-size: 0px;
	text-indent:-9999px;
        border:0;
        float:right;
    cursor:pointer;    
}
.bottomComente{
	background: url("../img/bottom-comente.gif") no-repeat;
	width:700px;
	height:30px
}