/* css reset */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
		font-family:Arial, Verdana;
		font-size:12px;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
/* css reset end */

#post p{margin:0 0 20px 0; line-height:20px; }

.reportagens h2{
	font-size:42px;
	font-weight:bold;
	color:#bab807;
}
.reportagens h4{
	font-size:18px;
	padding:5px;
	color:#a4aa25;
	margin-bottom:20px;
}
h3{ font-size:22px; color:#999; font-style:italic; margin-bottom:20px; }


.hide{display:none;}

#header{
	background:url(images/alpha.png);
	height:270px;
	width:100%;
	position:absolute;
	top:60px;
	left:0;	
	z-index:1000;
	text-align:center;
}

#header .content{
	margin:auto;
	position:relative;
	width:960px;
	height:270px;
	background:url(images/logo.png) no-repeat 0 55px;	
}

#box{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-480px;
	z-index:1001;
	width:960px;
}

#box .content{
	padding-top:150px;
	width:691px;
	height:451px;
	background:url(images/alpha2.png);
	/*border:solid 20px #a4aa25;*/	
}
/*
#box .guia{
	border:solid 20px #f78800 !important;		
}

#box .contato{
	border:solid 20px #2497b4 !important;		
}*/

#box #nav{position:absolute; top:60px; right:0; width:269px;}

#box #nav a{
	display:block;
	width:269px;
	background-image:url(images/nav.png);
}

#box #nav1{background-position:0 0; height:68px;}
#box #nav2{background-position:0 -68px; height:67px;}
#box #nav3{background-position:0 -135px; height:69px;}
#box #nav4{background-position:0 -204px; height:66px;}

#box #nav1:hover{background-position:-269px 0; height:68px;}
#box #nav2:hover{background-position:-269px -68px; height:67px;}
#box #nav3:hover{background-position:-269px -135px; height:69px;}
#box #nav4:hover{background-position:-269px -204px; height:66px;}

#box #nav1.selected{background-position:-269px 0; height:68px;}
#box #nav2.selected{background-position:-269px -68px; height:67px;}
#box #nav3.selected{background-position:-269px -135px; height:69px;}
#box #nav4.selected{background-position:-269px -204px; height:66px;}

#box #post{	
	padding:0 30px 30px 30px;
	width:605px;
	overflow:auto;	
	height:390px;
}

#etiqueta{width:364px; height:100px; background:url(images/etiqueta.png) no-repeat; position:absolute; top:20px; left:0;}

#footer{
	width:100%;
	height:190px;
	border-top:solid 1px #fff;	
	border-bottom:solid 1px #fff;
	position:absolute;
	top:410px;
	text-align:center;
	z-index:1000;
}

#footer .content{
	margin:auto;
	position:relative;
	width:960px;
	height:190px;
	background:url(images/chamada.png) no-repeat top left;
}

#viver{
	width:269px;
	height:37px;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	background:#d20a39 url(images/revistaviver.png) top center no-repeat;
}

/* liquid background */
	img.bg {
		/* Set rules to fill background */
		min-height: 100%;
		min-width: 1024px;
		
		/* Set up proportionate scaling */
		width: 100%;
		height: auto;
		
		/* Set up positioning */
		position: fixed;
		top: 0;
		left: 0;
		z-index:0;
	}
	
	@media screen and (max-width: 1024px){
		img.bg {
			left: 50%;
			margin-left: -512px; }
	}
	
	#content {
		/* This is the only important rule */
		/* We need our content to show up on top of the background */
		position: absolute; 
		display:block;
		
		/* These have no effect on the functionality */
		width: 100%;
		height: 134px;
		bottom: 50px;
		background: url(label.png) top center;
	   	-moz-box-shadow: #000 4px 4px 10px;
		-webkit-box-shadow: #000 4px 4px 10px;
		outline:none;
	}
	
	body {
		/* These rules have no effect on the functionality */
		/* They are for styling only */
		margin: 0;
		padding: 0 0 0 0;
		overflow:hidden;
	}
/* liquid background end */

.alignleft{float:left; margin-right:20px; margin-bottom:15px; clear:both;}

.alignright{float:right; margin-left:20px; margin-bottom:15px; clear:both;}

.picture{width:290px; font-style:italic; color:#777; display:block;}

.picture img{margin-bottom:5px;}

.box{padding:10px; background:#d9dd8a; border:solid 1px #a4aa25; overflow:auto;}

.box h4{background:#a4aa25;	font-weight:bold; color:#fff;}

.box h3{margin:0 0 10px 0; font-size:16px; font-weight:bold; color:#000; font-style:normal;}

#indice li{float:left; padding:0 0 0 30px; width:165px; height:220px;}

#indice li img{display:block; margin-bottom:5px; border:solid 5px #a4aa25;}

#indice a strong{color:#333; text-decoration:none; font-size:18px; font-weight:bold;}

#indice a{color:#333;}

#indice p{line-height:15px;}

#indice-2 li{float:left; width:200px; padding-bottom:15px;}

#indice-2 a{text-decoration:none; font-size:16px; font-weight:bold; color:#F78800;}

#indice-2 a:hover{color:#000;}

.guia h2{
	color:#F78800;
	font-size:32px;
	margin-bottom:20px;
	font-weight:bold;
}

.guia h3{
	font-weight:bold;
	color:#333;
	font-style:normal;
	font-size:18px;
	margin-bottom:10px;	
}

.guia .box h3{border-bottom:solid 1px #333; padding-bottom:5px;}

.guia .box strong{font-size:12px; font-weight:bold;}

.guia .legenda{padding:15px !important; font-size:10px !important;}

.guia .box{background:#f2c996; border:solid 1px #F78800; font-size:12px; margin-bottom:20px; padding:15px 15px 0 15px; clear:both;}

#contato label{font-size:14px; font-weight:bold; color:#2497B4; display:block;}

#contato input, #contato textarea{margin-bottom:15px; border:solid 1px #2497B4; padding:3px; width:400px; font-family:Arial, Verdana; font-size:12px;}

#contato textarea{width:400px; height:200px; display:block;}

#contato #submit{width:80px; color:#fff; background:#2497B4; font-size:16px;}

#bressane{width:60px; height:13px; display:block; position:absolute; bottom:-30px; right:0; background:url(images/bressane.png) no-repeat;}