/*
Theme Name: Visie 2009-10
Theme URI: http://visie.com.br/
Description: Thema do site da Visie para 2009 e 2010.
Version: 1.0
Author: Diego Eis
Author URI: http://twitter.com/diegoeis/

*/

* {
	margin: 0;
	padding: 0;
}

/* Faz image-replace */
.imgrpl {
	display: block;
	text-indent: -999px;
	overflow: hidden;
}
.clearfix {	overflow: hidden;}

body {font: 13px arial, tahoma, helvetica, verdana, sans-serif;
	background: url(images/bgtop/bgbody1.jpg) no-repeat top center;}

	/** BGS GRANDES **/
	body.home {background: url(images/bghome02.jpg) no-repeat top center;}
	
.limite {
	width: 960px;
	margin: auto;
}


/* onde tem o logo e menus */
div.top {
	
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	position: relative;
}
body.home div.top {
	height: 300px;
}

.top .header {background: url(images/bgblack.png);}
.top .header .limite {
	padding: 0 0 20px;
	position: relative;
}

.top .header h1 a {
	float: left;
	width: 204px;
	height: 73px;
	margin: 20px 0 0;
	
}

.header .nav {position: absolute; bottom: 0px; right: 0; }
.header .nav li {
	float: left;
	margin-right: 30px;
	list-style: none;
	border-bottom: 7px solid transparent;
	padding: 0 0 10px;
}
.header .nav li:hover{border-bottom: 7px solid #FFF;}

.header .nav li a {
	color: #FFF;
	text-transform: uppercase;
	font: bold 20px arial, verdana, tahoma, sans-serif;
	text-decoration: none;
}

.header .nav li strong {
	font: 13px arial, verdana, tahoma, sans-serif;
	color: #FFF;
	text-transform: lowercase;
	display: block;	
}

.header .minimenu {
	position: absolute;
	top: 0;
	right: 0;
background: url(images/bgblack.png);
	list-style: none;
}

.header .minimenu li {display: inline;}
.header .minimenu li a {
	float: left;
	font: 11px arial, tahoma, sans-serif;
	color: #FFF;
	padding: 10px;
	text-transform: lowercase;
}

/* Onde aparece os cases */
.destaques {
	position: absolute;
	bottom: 150px;
	background: url(images/bgwhite.png);
	padding: 20px 0;
	width: 100%;
}

.destaques .limite div {
	float: left;
	width: 767px;
	margin-right: 15px;
	margin-left: 10px;
}

.destaques h4, .destaques h4 a {
	font: 9px arial, tahoma, sans-serif;
	color: #9C9C9C;
	text-transform: uppercase;
	text-decoration: none;
}

.destaques h3, .destaques h3 a {
	font: bold 17px arial, tahoma, helvetica, sans-serif;
	color: #990000;
	text-decoration: none;
	padding: 5px 0;
}

.destaques p, .destaques p a {
	font: 11px arial, tahoma, helvetica, sans-serif;
	color: #6C6C6C;
	text-decoration: none;
}


.destaques .more-link {
	font: bold italic 11px arial, tahoma, helvetica, sans-serif;
	color: #CB1E39;
	display: block;
	text-align: right;
	outline: none;
	text-decoration: none;
	padding: 5px;
}

/** Chamadas para os assuntos principais do site. */
.entradas {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}

.entradas div {
	float: left;
	width: 750px;
	margin-right: 30px;
	margin-left: 10px;
}
.entradas div:last-child {margin-right: 0;}

.entradas div a {
	text-decoration: none;
	color: #444;
}

.entradas div h3 {font: bold 34px Arial,tahoma, sans-serif;	}

/** INTERNA **/
.content h1 {
	font: italic 35px Georgia, Times, Times New Roman, Serif;
	color: #000;
	padding: 30px 0 0;
}

.content h2 {
	font: bold 94px/80px Verdana, Arial, Tahoma, Sans-serif;
	color: #000;
	letter-spacing: -7px;
	margin: 0 0 60px -6px;
}

.content .article {
	width: 600px;
	overflow: hidden;
}

.content .article h3 {
	font: 35px/35px Georgia, Times, Times New Roman, Serif;
	color: black;
	width: 540px;
	margin: 0 0 30px;
}

.content .article h4 {
	font: italic 18px/24px Georgia, Times, Times New Roman, Serif;
	color: #000;
}

.content .article .excerpt {
	font: italic 18px/24px Georgia, Times, Times New Roman, Serif;
	margin: 0 0 30px;
	color: #000;
	width: 600px;
}

.content .article p {
	font: 13px/18px arial, helvetica, tahoma, sans-serif;
	color: #4D4D4D;
	margin: 0 0 15px;
}

.content .article ol, .content .article ul {
	margin: 0 0 15px;
}

.content .article li {
	color: #4D4D4D;
	margin: 0 0 5px 15px;
}

/** CLIENTES **/
.content .article.clientes {width: 100%;}

.content .article.clientes .excerpt {margin: 0 0 50px 200px;}
.content .article.clientes p, .content .article.clientes h4, .content .article.clientes ul {margin-left: 200px;}

.content .article.clientes .casecliente {
	float: left;
	width: 270px;
	margin: 0 25px 30px;
}

.content .article.clientes .casecliente h5 {
	text-transform: uppercase;
	font: normal 9px arial, tahoma, sans-serif;
	margin-bottom: 5px;
}
.content .article.clientes .casecliente p, .content .article.clientes .casecliente h4 {margin: 0;}

.content .article.clientes hr {
	clear: both;
	display: block;
	border: none;
	border-top: 1px solid #CCCCCC;
	margin: 0 0 40px;
}

.welcome {
	float: left;
	margin-right: 20px;
	width: 185px;
	background: #5D7267;
	padding: 20px;
	font: 12px/18px arial, tahoma, sans-serif;
	color: white;
}
.welcome p {margin-bottom: 10px;}

.cases {
	overflow: hidden;
	margin: 0 0 50px;
	padding:50px 0 0;
}

.cases h6 {
	font: 12px Arial, tahoma, Sans-serif;
	text-transform: uppercase;
	padding: 0 0 3px;
}

.content .destaquepage {
	float: left;
	margin-right: 20px;
	width: 218px;
	_height: 300px;
	min-height: 300px;
}
.content .destaquepage:last-child {margin-right: 0;}

.content .destaquepage h2 {
	font: bold italic 20px Georgia, Times, Serif;
	color: black;
	letter-spacing: 0;
	margin: 0 0 15px;
}

.content .destaquepage p {
	font: 12px/18px arial, tahoma, sans-serif;
	color: #4D4D4D;
}

/** Sidebar **/
.sidebar {
	float: left;
	width: 210px;
	margin-right: 7px;
}

.sidebar h3 {
	font: bold 13px Arial, Verdana, Tahoma, Sans-serif;
	color: #3A354E;
	text-transform: uppercase;
}

.sidebar ul {
	margin: 0 0 20px;
	list-style: none;
}

.sidebar ul li a {
	font: 12px  Arial, Verdana, Tahoma, Sans-serif;
	color: #484848;
}

.sidebar ul li a:hover {
	color: #000;
	text-decoration: none;
}