/*

Nome do Tema: GV Engenharia
Autor: Thiago Targino

*/


/* 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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;}
:focus {outline:0;}
table {border-collapse: collapse;border-spacing:0;}
caption, th, td {text-align: left;font-weight:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
input {margin:0; padding:0;}


/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body {height:100%;}
body {overflow-x:hidden; line-height:1; font:normal 12px Verdana, Helvetica, sans-serif; vertical-align:top; color:#797979; background:url("../images/layout/body.gif");}

	/* TOOLBOX */
*.right {float:right;}
*.left {float:left;}
*.align-left {text-align:left;}
*.align-right {text-align:right;}
*.align-center {text-align:center;}
*.justify {text-align:justify;}
*.hide {display:none;}
*.clear {clear:both;}
*.bold {font-weight:bold;}
*.italic {font-style:italic;}
*.underline {border-bottom:1px solid;}
*.highlight {background:#ffc;}
img.centered {display:block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

*.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
*.clearfix {display:block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

	/* CONTAINERS */
.bg-1, .bg-2 {float:left; width:50%; height:46px; text-indent:-9999px;}
/*
.bg-1 {background: url("../images/layout/bg-1.png") repeat-x;}
.bg-2 {background: url("../images/layout/bg-2.png") repeat-x;}
*/
.bg-ft {position: relative; float:left; width:100%; min-height:100%; background: url("../images/layout/bg-ft.png") left bottom repeat-x;}
#all {position:relative; float:left; width:1042px; left:50%; margin-left:-521px; margin-top:-46px; padding-bottom:46px;}
*html #all {height:100%;}

		/* BGs nas internas */
.bg-1 {background: url("../images/layout/bg-1-internas.png") repeat-x;}
.bg-2 {background: url("../images/layout/bg-2-internas.png") repeat-x;}

	
/* Sprites
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#sidebar .newsletter h2,
#sidebar .newsletter form input#enviar,
.inicial #content ul.destaques-empreendimentos li p.mais a,
.internas #content .info-empre .voltar,
#ft {background-image:url("../images/layout/sprites/sprite-home.png"); background-repeat:no-repeat;}

#sidebar .galeria-sidebar h2,
.jcarousel-skin-tango .jcarousel-item h3 {background-image:url("../images/layout/sprites/sprite-galeria-sidebar.png"); background-repeat:no-repeat;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {color:#666; text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#666;}


/* Cabeçalhos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Cabeçalho
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#hd {float:left; width:100%;}
#hd h1, #hd h1 a {float:left; display:block; width:268px; height:259px; background:url("../images/layout/logo.png") no-repeat; text-indent:-1000em;}
/*
#hd ul {float:left;}
#hd ul li {float:left;}
#hd ul li a {display:block; height:46px; background-image:url("../images/layout/menu.png"); background-repeat:no-repeat; text-indent:-1000em;}
#hd ul li a.i1 {width:132px;}
#hd ul li a.i2 {width:194px; background-position:-132px 0;}
#hd ul li a.i3 {width:256px; background-position:-326px 0;}
#hd ul li a.i4 {width:136px; background-position:-582px 0;}
*/

#hd ul {float:left;}
#hd ul li {float:left;}
#hd ul li a {display:block; height:33px; background-image:url("../images/layout/menu-internas.png"); background-repeat:no-repeat; text-indent:-1000em;}
#hd ul li a.i1 {width:106px;}
#hd ul li a.i2 {width:168px; background-position:-106px 0;}
#hd ul li a.i3 {width:213px; background-position:-274px 0;}
#hd ul li a.i4 {width:101px; background-position:-487px 0;}

	/* cabeçalho nas internas */
.internas #hd h1, .internas #hd h1 a {position: absolute; width:156px; height:156px; top:0; left: 0; background:url("../images/layout/logo-internas.png") no-repeat;}
.internas #hd ul {margin-left: 156px;}


/* Navegação
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Meio
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#md {float:left; width:100%; padding-bottom:70px;}
#content {float: left;}

	/* Home */
		/* sidebar */
#sidebar {float:left; width:255px; padding-left:18px;}
#sidebar .newsletter h2 {display:block; width:225px; height:32px; margin-bottom:10px; text-indent:-1000em;}
#sidebar .newsletter p {margin-bottom:16px; font-size:12px; color:#13758c; line-height:14px; font-family:Helvetica, Tahoma, Arial, sans-serif; letter-spacing:0.1em;}
#sidebar .newsletter form legend {display:none;}
#sidebar .newsletter form label {position:absolute; font-size:9px; color:#64a5b1; font-weight:700;}
#sidebar .newsletter form input {display:block; position:relative; width:185px; margin-bottom:20px; padding-left:40px; background:none; border:0; border-bottom:1px solid #89b9bd; color:#64a5b1;}
#sidebar .newsletter form input#enviar {width:225px; height:22px; background-position:0 -33px;}	
#sidebar .galeria-sidebar {position:relative; float:left;}
#sidebar .galeria-sidebar h2 {position:absolute; z-index:100; display:block; width:251px; height:45px; left:-11px; background-position:; text-indent:-1000em;}
#sidebar .galeria-sidebar h2 a {display:block; width:100%; height:100%;}
#sidebar .galeria-sidebar img {display: block; width:213px; height:238px; border:10px solid #fff;}
#sidebar .galeria-sidebar .jcarousel-item h3 {display:block; width:100%; height:34px; line-height:34px; vertical-align:middle; font-size:20px; font-weight:normal; text-indent:11px; color:#fff; background-position:0 -45px;}
#sidebar .galeria-sidebar .jcarousel-item h3 a {color:#fff;}
#sidebar .galeria-sidebar .jcarousel-item h3 a:hover {text-decoration:none;}
#sidebar .galeria-sidebar .jcarousel-item p {float:left; margin-top:5px; padding:0 10px; color:#13758c;}
#sidebar .galeria-sidebar .moldura {position:absolute; z-index:2; width:233px; height:258px; top:2px; background:url("../images/layout/moldura.png") no-repeat;}

.inicial #content .galeria-home {float: left; position: relative; width: 100%; margin-top: -180px;}
.inicial #content .galeria-home li img {display:block; width: 696px; height: 300px; border:10px solid #fff;}
.inicial #content .galeria-home li .descricao {height: 55px; background: url("../images/layout/sprites/sprite-galeria-home.png"); color:#fff; text-indent: 15px;}
.inicial #content .galeria-home li .descricao a {color:#fff;}
.inicial #content .galeria-home li .descricao a:hover {text-decoration: none;}
.inicial #content .galeria-home li .descricao h3 {background: none; font-size: 24px; line-height: 28px;} 
.inicial #content .galeria-home li .descricao p {font-size: 14px; font-weight: normal;}
.inicial #content .galeria-home .moldura {position:absolute; z-index:2; width:717px; height:321px; top:0; background:url("../images/layout/moldura-2.png") no-repeat;}
.inicial #content ul.destaques-empreendimentos li {float:left; width: 216px; margin-left:25px;}
.inicial #content ul.destaques-empreendimentos li img {display:block; width:196px; height:232px; border:10px solid #fff; background-color:#eee;}
.inicial #content ul.destaques-empreendimentos li .descricao {margin-left:4px;}
.inicial #content ul.destaques-empreendimentos li h3,
.inicial #content ul.destaques-empreendimentos li h4,
.inicial #content ul.destaques-empreendimentos li p {margin-top:6px; padding-bottom:6px; background:url("../images/layout/borda-home.gif") left bottom repeat-x; /* border-bottom:1px solid #99cccc; */}
.inicial #content ul.destaques-empreendimentos li h3, 
.inicial #content ul.destaques-empreendimentos li h3 a {color:#666; font-size:16px; font-weight:normal;}
.inicial #content ul.destaques-empreendimentos li h4,
.inicial #content ul.destaques-empreendimentos li h4 a {color:#0b5d71; font-size:14px; font-weight:normal;}
.inicial #content ul.destaques-empreendimentos li p,
.inicial #content ul.destaques-empreendimentos li p a {overflow:hidden; font-size:12px; line-height:14px;}
.inicial #content ul.destaques-empreendimentos li p.mais {text-align:right; background:none;}
.inicial #content ul.destaques-empreendimentos li p.mais a {padding-right:10px; font-size:10px; color:#006699; background-position:-163px -136px;}
	
	/* internas geral */
.internas .banner-internas {float: left; margin-left: 5px;}
.internas .banner-internas img {border: 10px solid white;}
.internas #content h4 {width:196px; left: 10px; bottom:12px; /* padding-right: 13px; */ text-indent: 4px; line-height: 33px; vertical-align: middle; color: #fff; font-style: italic; font-size: 24px; font-weight: normal; background:url("../images/layout/titulo-thumb-empreendimentos.png") no-repeat;}
.internas #content h4 a {display: block; color: #fff;}
.internas #content h4 a:hover {text-decoration: none;}
.internas #content {width:946px; padding-bottom:40px; padding-left: 12px;}
.internas #content h2 {margin-bottom: 22px; color: #22395e; font-size: 58px; font-style: italic; letter-spacing: -3px;}
.internas #content h3 {clear:both; margin-top: 40px; margin-bottom: 14px; padding-bottom: 0; font-size: 40px; border-bottom: none; color: #22395e;}
.internas #content p {width: 622px; margin-bottom: 32px; line-height: 20px;}
.internas #content form {float: left; width: 668px;}
.internas #content form p {width: auto; position: relative; float: left; margin-bottom: 10px; margin-right: 7px;}
.internas #content form p label {position: absolute; left: 10px; top: 6px; color: #5d5d5d;}
.internas #content form p input, .internas #content form p textarea {float:left; display: block; width: 312px; padding: 6px; border:none; background-color: #eee; text-indent: 66px; color: #5d5d5d; font-style: italic; font-size: 13px; font-weight: 700;}
.internas #content form p input.full, .internas #content form p textarea.full {width: 644px}
.internas #content form p select {width: 324px; height: 26px; padding:4px 0 0 5px; background-color: #eee; border: none; color: #5d5d5d; font-size: 12px;}
.internas #content form p textarea {padding-top: 30px; text-indent: 0; font:italic 12px Verdana, Arial, sans-serif; font-weight: 700;}
.internas #content form #enviar {float: right; display: block; width: 74px; height: 31px; margin-right:11px; border: none; background: url("../images/layout/enviar.gif");}
.internas #content .info-contato {float: left; width:184px; margin-left:3px;}
.internas #content .info-contato p {font-size: 14px; color: #22395e;}
.internas #content .info-contato p a {color: #22395e;}

	/* empresa */
#empresa #content h3 {padding-bottom: 30px; font-size:22px; color: #22395e; border-bottom: 1px dotted #c4c4c4;}	
	
	/* empreendimentos */
#empreendimentos #content h2,
#gildo-vilaca #content h2,
#manoella-vilaca #content h2,
#vila-de-arnoso #content h2,
#vila-real #content h2 {padding-bottom: 12px; border-bottom: 1px dotted #c4c4c4;}

#gildo-vilaca #content h4 {width:152px;}
#vila-real #content h4 {width:115px;}
#vila-real #content h5 {margin-bottom: 5px; color:#22395e; font-size: 16px; font-style: normal !important;}

#empreendimentos #content .listagem {float: left; margin-bottom: 35px;}
#empreendimentos #content .listagem li {position: relative; float: left; margin-right: 20px;}
#empreendimentos #content .listagem li img {border: 10px solid #fff; }	
#empreendimentos #content .listagem li h4 {position: absolute;}

.internas #content .image-internas {border: 10px solid #fff;}
.internas #content .info-empre {position: relative;}
.internas #content .info-empre img {margin-top: 14px; margin-bottom: 15px; border: 10px solid #fff;}
.internas #content .info-empre .status-empre {float: right;/*  width: 302px; */}
.internas #content .info-empre .status-empre ul {float: left;}
.internas #content .info-empre .status-empre ul li {margin-bottom: 3px;}
.internas #content .info-empre .status-empre ul li h5 {margin-bottom: 5px; font-weight: normal; font-size: 16px;}
.internas #content .info-empre .status-empre ul li .barra {float:left; width:253px; height: 16px; background-color: #e8c247;}
.internas #content .info-empre .status-empre ul li .barra .progresso {height: 100%; background-color: #d7a040;}
.internas #content .info-empre .status-empre ul li span {float: left; display: block; margin-left: 9px; font-size: 16px; line-height: 13px;}
.internas #content .info-empre .status-empre ul li strong {float:left; font-weight: normal; font-size: 14px; font-style: italic; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; color: #acacac;}
.internas #content .info-empre .voltar {position: absolute; padding-right: 12px; top:-11px; right: 326px; color: #22395e; font-size: 9px; text-transform: lowercase; background-position: -275px -136px;}
.internas #content .sub-info {float:left; width: 202px; margin-right: 40px;}
.internas #content p.gal-descricacao {font-size: 9px; border-bottom: 1px solid #bababa;}


/* Formulários
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Rodapé
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#ft {position:absolute; width:710px; height:46px; bottom:0; left:50%; margin-left: -355px; background-position:0 -55px;}
#ft address {text-indent: -1000em;}