/* -------------------------------------------------------------------------------------- */
/* --------------------------------------- FONTES --------------------------------------- */
/* -------------------------------------------------------------------------------------- */


@charset "utf-8";
 @import url(http://fonts.googleapis.com/css?family=Questrial);

@font-face {
	font-family: 'AlwynThin';
	src: url('alwynthin-webfont.eot');
	src: url('alwynthin-webfont.eot?#iefix') format('embedded-opentype'),  url('alwynthin-webfont.woff') format('woff'),  url('alwynthin-webfont.ttf') format('truetype'),  url('alwynthin-webfont.svgz#AlwynThin') format('svg'),  url('alwynthin-webfont.svg#AlwynThin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamBookRegular';
	src: url('gotham-book-webfont.eot');
	src: url('gotham-book-webfont.eot?#iefix') format('embedded-opentype'),  url('gotham-book-webfont.woff') format('woff'),  url('gotham-book-webfont.ttf') format('truetype'),  url('gotham-book-webfont.svgz#GothamBookRegular') format('svg'),  url('gotham-book-webfont.svg#GothamBookRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------- CONFIGURAÇÃO GERAL --------------------------------- */
/* -------------------------------------------------------------------------------------- */


body {
	background-color: #000;
}

body, html {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

img, img a, img a:hover, img a:focus, img a:active, a:hover, a:active, a:focus {
	border-style: none;
	border: none;
	border-color: none;
	border-style: none;
	outline: 0;
	outline-color: none;
}

table {
	border-collapse: collapse;
}

table td, table th {
	padding: 0;
}

/* --------------------- FULL SCREEN BACKGROUND IMAGE --------------------- */

#full-screen-background-image {
	z-index: -999;
	min-height: 100%;
	min-width: 950px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

#full-screen-background-image2 {
	background-image: url(../img/back-padrao.png);
	background-repeat: repeat;
	z-index: -998;
	min-height: 100%;
	min-width: 950px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

/*
#full-screen-wrapper {
	position: relative;
	width: 100%;
	margin: 0px auto;
}
*/

/* --------------------- FOOTER FIXO --------------------- */


/*=== Float Containment and Bug Fixes (Do Not Alter These!) ===*/
body:before {/*Opera min-height 100% Fix (Maleika)*/
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;/*eliminate need for inner non clearing element (Erik.J)*/
}

#wrapper:after,  /* #wrapper:after for IE8 min-height:100% Fix*/ #content:after { /* #content:after for Float Containment*/
	clear: both;
	content: "";
	display: block;
	height: 1%;/*fix IE8 min-height:100% bug (Erik.J)*/
	font-size: 0;
}

#header {
	min-width: 950px;
	height: 145px;
	position: relative;
	z-index: 1; /*lay it on top the main wrapper*/
	width: 100%;
}

* html #wrapper {
	height: 100%;
} /* is "min-height" in IE6 */

#wrapper {
	width: 950px;
	margin: 0 auto;
	margin-top: -145px; /* now pull it back up under header (same as header height)*/
	min-height: 100%;
}

#content {
	padding: 145px 0 215px; /*set a top and bottom padding to preserve the header and footer */
	width: 100%;/*haslayout*/
}

#footer {
	background-image: url(../img/barra-footer1.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #cacaca;
	margin: -215px auto 0; /* a negative top margin pulls the footer up into viewport*/
	min-width: 950px;
	height: 215px;/*(a sticky footer needs a fixed height to work properly)*/
}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------------- HEADER --------------------------------------- */
/* -------------------------------------------------------------------------------------- */


#full-nav1 {
	margin-top: 7px;
	background-image: url(../img/barra-nav1.png);
	background-repeat: repeat-x;
	z-index: -997;
	min-height: 238px;
	min-width: 950px;
	width: 100%;
	height: 238px;
	position: absolute;
	top: 0;
	left: 0;
}

#full-nav2 {
	margin-top: 7px;
	background-image: url(../img/barra-nav2.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: -996;
	min-height: 129px;
	min-width: 950px;
	width: 100%;
	height: 129px;
	position: absolute;
	top: 0;
	left: 0;
}

.div-barra-cima {
	width: 100%;
	height: 7px;
	background-image: url(../img/barra-cima.png);
	background-repeat: repeat-y;
	background-color: #bababa;
	background-position: center;
}

.tb-nav {
	width: 950px;
	height: 138px;
	margin-left: auto;
	margin-right: auto;
}

.td-nav-logo {
	width: 210px;
	height: 118px;
	background-image: url(../img/logo-vhg.png);
	background-repeat: no-repeat;
	background-position: 28px 16px;
}

.td-nav-links {
	width: 740px;
	height: 118px;
	background-image: url(../img/barra-nav-links.png);
	background-repeat: no-repeat;
	background-position: 0px 64px;
}

.div-nav-links {
	vertical-align: text-top;
	text-align: left;
	font-family: 'AlwynThin', sans-serif;
	font-style: normal;
	font-weight: bolder;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	margin-top: 45px;
	margin-left: 30px;
	letter-spacing: 0px;/*	letter-spacing:0.49px;
	letter-spacing:0.88px !ie;*/

}

.div-nav-links a {
	color: #333;
	text-decoration: none;
}

.div-nav-links a:hover {
	color: #ff0000;
	text-decoration: none;
}

.td-nav-ling {
	text-align: left;
	vertical-align: top;
	width: 210px;
	height: 20px;
	background-image: url(../img/barra-nav-ling.png);
	background-repeat: no-repeat;
	background-position: 40px;
}

.div-nav-ling {
	vertical-align: text-top;
	text-align: left;
	font-family: 'GothamBookRegular', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 63px;
	margin-top: 4px;
}

.div-nav-ling a {
	color: #333;
	text-decoration: none;
}

.div-nav-ling a:hover {
	color: #ff0000;
	text-decoration: none;
}

.div-nav-ling-on {
	font-family: 'GothamBookRegular', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #ff0000;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------------- FOOTER --------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.tb-footer {
	margin-top: 0px;
	width: 950px;
	height: 183px;
	margin-left: auto;
	margin-right: auto;
}

.td-footer1 {
	text-align: center;
	vertical-align: top;
	width: 180px;
}

.td-footer2, .tb-footer-recent-projects {
	text-align: left;
	vertical-align: top;
	width: 770px;/*	background-color: #099;*/
}

.tb-footer-recent-projects {
	margin-top: 23px;
}

.td-footer-recent-projects {
	width: 255px;
	height: 145px;
	background-image: url(../img/cx-noticias.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	vertical-align: top;
}

.div-tit-recent-projects {
	width: 180px;
	height: 26px;
	margin-left: 12px;
	margin-top: 23px;
	background-image: url(../img/tit-recent-projects.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.div-icon-fb {
	margin-top: 12px;
	margin-left: 45px;
	float: left;
}

.div-icon-tw {
	margin-top: 12px;
	margin-right: 45px;
	float: right;
}

.td-footer-sep {
	width: 1px;
	height: 145px;
	background-color: #d7d7d7;
}

#barra-footer2 {
	margin-top: 0px;
	background-image: url(../img/barra-footer2.png);
	background-repeat: repeat-x;
	background-position: center top;
	z-index: -994;
	min-height: 25px;
	min-width: 950px;
	width: 100%;
	height: 25px;
	position: inherit;
	top: 0;
	left: 0;
}

.div-txt-copyright {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	text-align: center;
	padding-top: 7px;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #b3b3b3;
}

.txt-copyright-white {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
}

.txt-copyright-white a {
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	text-decoration: none;
}

.txt-copyright-white a:hover {
	font-weight: normal;
	font-style: normal;
	color: #FFF;
	text-decoration: underline;
}

.span-illusive {
	float: right;
}

.div-txt-destaques1 {
	padding-left: 24px;
	padding-top: 10px;
}

.div-txt-destaques2 {
	padding-left: 24px;
	padding-top: 5px;
}

.div-txt-destaques3 {
	padding-left: 18px;
	padding-top: 5px;
}

.txt-destaques-black-bold {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.txt-destaques-black {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
}

.txt-destaques-red {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #ee0b0b;
}

.img-destaques-fade-in {
}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- CONTEUDOS -------------------------------------- */
/* -------------------------------------------------------------------------------------- */


/* -------- TABELAS -------- */


#div-cont-tit {
	z-index: -555;
	position: inherit;
}

.tb-cont-tit {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#div-tb-space {
	height: 120px;
}

.tb-cont-geral {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

.txt-tit-cont1 {
	vertical-align: top;
	text-align: left;
	padding-left: 40px;
	padding-top: 30px;
	font-family: 'AlwynThin', sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	color: #d2d1d1;
}

.txt-tit-cont2 {
	font-family: 'AlwynThin', sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	color: #dd170e;
}

.td-cx-cont-barra-cima {
	width: 950px;
	height: 10px;
	background-image: url(../img/barra-cx-cont01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.td-cx-cont-barra-baixo {
	width: 950px;
	height: 10px;
	background-image: url(../img/barra-cx-cont02.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.td-cx-cont-barra-esq {
	width: 8px;
	background-image: url(../img/barra-cx-cont03.png);
	background-repeat:  repeat-y;
	background-position: center top;
}

.td-cx-cont-barra-dir {
	width: 8px;
	background-image: url(../img/barra-cx-cont04.png);
	background-repeat:  repeat-y;
	background-position: center top;
}

.td-cx-cont-barra-center {
	width: 934px;
	background-image: url(../img/barra-cx-cont00.png);
	background-repeat:  repeat;
	text-align: left;
	vertical-align: top;
}

/* -------- TEXTO -------- */


.txt-cont-subtit-red {
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: 'AlwynThin', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #ed0c0c;
	text-decoration: none;
}

.txt-cont-branco {
	margin-left: 40px;
	margin-right: 40px;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #CCC;
	text-align: justify;
	text-decoration: none;
	line-height: 16px;
}

.txt-cont-branco a {
	font-style: normal;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
}

.txt-cont-branco a:hover {
	font-style: normal;
	font-weight: normal;
	color: #ed0c0c;
	text-decoration: underline;
}

.txt-cont-branco a:visited {
	font-style: normal;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
}

ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.txt-cont-branco-list {
	padding-left: 15px;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.txt-cont-cinza {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #817f7f;
	text-decoration: none;
	line-height: 16px;
}


/* -------- FORM -------- */


.cxMessage {
	width: 300px;
	height: 150px;
	border: 1px solid #fff;
	background-color:#E0E0E0;
	resize: none;
	padding: 5px;
	font-family: 'GothamBookRegular', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

.cxForm {
	width: 305px;
	height: 15px;
	border: 1px solid #fff;
	background-color: #E0E0E0;
	resize: none;
	padding-left: 5px;
	font-family: 'GothamBookRegular', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

.btForm {
	background-color: #666;
	color: #fff;
	border: 1px solid #fff;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.btFormHover {
	background-color: #e73029;
	color: #fff;
	border: 1px solid #fff;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.txt-form-branco {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #CCC;
	text-decoration: none;
	line-height: 16px;
}

/* ---------- BANNER ---------- */

/*
.sample {
	margin:0px;
	border:0px;
}

.mask1{
	position:relative;
	width:980px;
	height:255px;
	overflow:hidden;
}

#box1{
	position:absolute;
	}

#box1 span{
	display:block;
	float:left;
	}
*/



/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- POLRTFOLIO ------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* ------- FOLIO THUMBS -------- */


.tb-folio-geral {
	margin-top: 25px;
	width: 934px;
}

.td-folio-thumb {
	height: 170px;
	vertical-align: top;
}

.div-folio-thumb1 {
	width: 278px;
	height: 24px;
	margin-left: 15px;
	padding-top: 10px;
	background-color: #000;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform:uppercase;
	color: #CCC;
	text-align: left;
	text-indent: 8px;
}

.txt-folio-thumb-red {
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform:uppercase;
	color: #ff0000;
}

.div-folio-thumb2 {
	width: 278px;
	height: 134px;
	margin-left: 15px;
	background-color: #000;
}

.div-folio-thumb3 {
	width: 276px;
	height: 2px;
	margin-left: 16px;
	background-color: #fe0000;
}
.div-folio-Empty{
    width: 278px;
    height: 168px;
    margin-left: 15px;
	padding-top: 10px
}

/* ------- FOLIO DESCRIÇÃO -------- */

#div-cx-folio {
	z-index: -222;
	position: absolute;
	width: 896px;
	height: 531px;
	margin-top: 20px;
	margin-left: 20px;
	background-image: url(../img/cx-folio.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#div-cx-folio-cont {
	z-index: -333;
	position: absolute;
	margin-top: 37px;
	margin-left: 21px;
}

#div-cx-cont-barra-center-folio {
	z-index: -444;
	position: absolute;
	width: 934px;
	height: 730px;
	background-image: url(../img/barra-cx-cont00.png);
	background-repeat:  repeat;
}

.td-cx-cont-barra-center-folio {
	width: 934px;
	height: 730px;
/*	background-image: url(../img/barra-cx-cont00.png);
	background-repeat:  repeat;*/
	text-align: left;
	vertical-align: top;
}

.div-folio-x {
	margin-top: 29px;
	margin-left: 882px;
	font-family: sans-serif;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #d2d1d1;
}

.div-folio-x a {
	text-decoration: none;
	color: #d2d1d1;
}

.div-folio-x a:hover {
	text-decoration: none;
	color: #F00;
}

.div-folio-tit1 {
	margin-top: 465px;
	margin-left: 35px;
	font-family: 'AlwynThin', sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #d2d1d1;
	text-decoration: none;
}

.txt-folio-tit2 {
	font-family: 'AlwynThin', sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #F00;
	text-decoration: none;
}

.div-folio-desc1 {
	margin-top: 30px;
	margin-left: 35px;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	color: #F00;
	text-decoration: none;
}

.div-folio-desc2 {
	margin-top: 10px;
	margin-left: 35px;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #d2d1d1;
	text-decoration: none;
}




/*--------------*/

#myController {
	margin-top: 25px;
	width:867px;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	color:#d2d1d1;
}

#myController span.jFlowSelected {
	background-color:#930000;
	margin-right:0px;
}
.slide-wrapper {
	padding: 0px;
}

.slide-thumbnail {
	width:867px;
	float:left;
}

.slide-thumbnail img {
	max-width:867px;
}

.jFlowControl, .jFlowPrev, .jFlowNext {
	color:#d2d1d1;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {
	background-color: #363636;
}