/* CSS Guascor */
/* Criado por Marcos Vinicius - 30/10/2009 */

*{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background-image:url(../img/bg_main.png);
	background-repeat:repeat-x;
	background-position:top center;
	background-attachment:fixed;
}

img{
	border:0;
}

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

#main{
	min-height:100%;
	background-image:url(../img/bg_container.png);
	background-repeat:repeat-y;
	background-position:top center;
	position:relative;
}

#container{
	width:1000px;
	min-height:100%;
	_height:100%;
	background-image:url(../img/bg_content.png);
	background-repeat:repeat-y;
	position:absolute;
	left:50%;
	margin-left:-500px;
}

#bannerHome{
	position:absolute;
	width:100%;
	z-index:100;
	height:100%;
	min-height:756px;
}

/* Lateral */
#container #lateral{
	float:left;
	width:215px;
}
#container #lateral h1{
	background-image:url(../img/logo_grupo_guascor.png);
	background-repeat:no-repeat;
}
#container #lateral h1 a{
	display:block;
	overflow:hidden;
	padding:109px 215px 0px 0px;
	width:0;
	height:0;
	font-size:12px;
}
/* Lateral - Menu Institucional */
#container #lateral #menu_institucional{
	background-image:url(../img/bg_menu_inst.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color:#029fe1;
	height:205px;
	padding:7px 10px 8px 10px;
}
#container #lateral #menu_institucional ul li{
	list-style:none;
	text-align:right;
	padding:3px 10px;
}
#container #lateral #menu_institucional ul li:hover{
	padding:2px 9px;
	border:1px solid #9ddbf4;
	background-color:#4cc2ef;
}
#container #lateral #menu_institucional ul li a{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#FFF;
	text-decoration:none;
}
/* Lateral - Busca */
#container #lateral #busca{
	text-align:right;
}
#container #lateral #busca form{
	padding:0px 20px 0px 30px;
	color:#5a798b;
}
#container #lateral #busca form p input{
	float:left;
}
#container #lateral #busca form p input#keyword{
	width:116px;
	padding:2px 1px;
	border:1px solid #b8cfd8;
	margin-top:5px;
}

/* Menu Serviços */
#container #menu_servicos{
	background-image:url(../img/bg_menu_serv.png);
	background-repeat:repeat-x;
	height:40px;
	width:785px;
	float:right;
}
#container #menu_servicos ul{
	width:748px;
	margin:0 auto;
}
#container #menu_servicos ul li{
	float:left;
	list-style:none;
}
#container #menu_servicos ul li a{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	padding:11px 14px 10px 14px;
	display:block;
}
#container #menu_servicos ul li a:hover{
	background-image:url(../img/hover_serv.png);
	background-repeat:repeat-x;
}

/* Fotos */
#container #fotos{
	margin-left:215px;
}

/* Conteúdo */
#container #content{
	margin-left:215px;
	padding:2px 20px 20px 20px;
	clear:right;
}
#container #image_wrap{
	float:right;
}
#container #content h2{
	font-size:16px;
	font-style:italic;
	text-transform:uppercase;
	border-bottom:1px solid #d4d2d2;
	margin-bottom:1px;
	padding:15px 0px 3px 0px;
	line-height:18px;
}
#container #content h3{
	font-size:16px;
	font-style:italic;
	text-transform:uppercase;
	line-height:18px;
	padding-bottom:5px;
}
#container #content h3 a{
	text-decoration:none;
}
#container #content h4{
	font-size:12px;
	padding-bottom:3px;
}
#container #content h5{
	font-size:11px;
	font-weight:normal;
	padding-bottom:20px;
}
#container #content h6{
	font-size:12px;
	font-weight:normal;
	padding-bottom:10px;
	font-style:italic;
}
#container #content #mapa{
	float:right;
	width:304px;
}
#container #content #mapa div.mapa{
	background-color:#F6F6F6;
}
/* Conteúdo - Destaques */
#container #content #destaques{
	margin-right:324px;
}
#container #content #destaques div.box{
	background-color:#f6f6f6;
	padding:0px 10px;
	min-height:335px;
}
#container #content #destaques div.box ul li{
	list-style:none;
	padding:15px 0px 15px 0px;
	line-height:15px;
	min-height:80px;
	border-bottom:1px solid #d4d2d2;
}
#container #content #destaques div.box ul li div.coluna{
	float:right;
	width:192px;
	padding-left:15px;
}
#container #content #destaques div.box ul li a.img{
	float:right;
	margin:0px 0px 15px 15px;
	width:120px;
}
#container #content #destaques div.box ul li h3{
	padding:0px 0px 6px 0px;
	margin:0px;
	line-height:13px;
}
#container #content #destaques div.box ul li h3 a{
	font-size:12px;
	font-style:normal;
	text-transform:none;
	color:#007bc4;
	text-decoration:none;
}
#container #content #destaques div.box ul li h4{
	font-size:12px;
	font-style:italic;
	font-weight:normal;
	text-decoration:none;
	padding:0px 0px 7px 0px;
}
#container #content #destaques div.box ul li p{
	padding:0px 0px 7px 0px;
}
#container #content #destaques div.box p.mais{
	text-align:center;
	padding:10px 0px;
}
#container #content #destaques div.box p.mais a{
	font-size:12px;
	font-weight:bold;
}

#container #content #destaques table.eficiencia{
	border:1px solid #000000;
}
/* Conteúdo - Sustentabilidade */
#container #content #sustentabilidade{
	float:left;
	padding-right:10px;
	border-right:1px solid #e3e3e3;
}
#container #content #sustentabilidade p{
	text-align:center;
}
#container #content #sustentabilidade p a{
	font-weight:bold;
	color:#007bc4;
}
/* Conteúdo - Videos */
#container #content #videos{
	width:200px;
	float:left;
	padding:0px 0px 20px 10px;
}
#container #content #videos p{
	text-align:center;
}
#container #content #videos p a{
	font-weight:bold;
	color:#007bc4;
}

/* Rodapé */
#container #footer{
	margin:0px 0px 0px 215px;
	padding:0px 15px 0px 20px;
	height:40px;
}
#container #footer #groupweb{
	float:right;
	padding-left:5px;
}
#container #footer p{
	border-top:1px solid #e3e3e3;
	text-align:center;
	color:#999;
	padding-top:5px;
}
#container #creditos{
	padding:0px 0px 20px 843px;
	font-size:11px;
	color:#999;
}
#container #creditos img{
	float:left;
	padding:1px 3px 0px 0px;
}