@charset "utf-8";
/* CSS Document */

/*
COR PRINCIPAL
color:#999;

ROSA
color:#ff00aa;

ROXO
color:#9000ff;

AZUL
color:#1039d3;

CIAN
color:#00ccff;

VERDE
color:#94db17;

AMARELO
color:#ffc000;
*/




*
{
	margin:0px;
	padding:0px;
}



body
{
	width:100%;
	height:100%;
	background-color:#000;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#999;
	background-image:url(/imgs/fundo.jpg);
	background-repeat:no-repeat;
	background-position:top center;

}


  a
{

	color:#ffffff;
	text-decoration:none;
}

 a:hover
{

	text-decoration:underline;
}

#bg
{
	position:absolute;
	z-index:-10;
	width:100%;
	height:100%;
}

img, iframe
{
	border:none;
}

#container
{
	position:absolute;
	z-index:0;
	width:100%;
}

#logo
{
	padding-top:50px;
	padding-left:10px;
	width:400px;
	height:80px;
	float:left;
}


/*----------------------------------------------------------- MENU -----*/

#menu
{
	float:right;
	padding-top:70px;
	width:560px;
	height:38px;
	background-image:url(/imgs/border.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#menu ul
{
	list-style:none;
}

#menu ul li
{
	float:left;
}

#menu a
{
	display:block;
	padding:10px 20px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
}

/*----------------------------------------------------------- MENU_OVER -----*/

#menu a.over1:hover
{
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:0px;
}

#menu a.over2:hover
{
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-120px;
}

#menu a.over3:hover
{
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-222px;
}

#menu a.over4:hover
{
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-314px;
}

#menu a.over5:hover
{
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-385px;
}


/*----------------------------------------------------------- MENU PRESSED-----*/

.pressed1
{
	padding:10px 20px;
	font-size:14px;
	color:#FFF;
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:0px;
}

.pressed2
{
	padding:10px 20px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-120px;
}

.pressed3
{
	padding:10px 20px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-222px;
}

.pressed4
{
	padding:10px 20px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-314px;
}

.pressed5
{
	padding:10px 20px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	background-image:url(/imgs/over/over.jpg);
	background-repeat:no-repeat;
	background-position:-385px;
}



#header
{
	height:145px;
}

#conteudo
{
	position:relative;
}


#footer
{
	padding-top:15px;
}

#filters
{
	overflow:hidden;
	/*clear:both;*/
        /*float:left;*/
}

#langSelect
{
    float:right;
    margin: -30px 10px 0;
    height: 30px;
}
#langSelect a
{
    margin:0 10px;
    font-weight: bold;
    font-size: 14px;
}

#categoria, #cliente, #negocio, #cor
{
	float:left;
	margin:5px 10px;
}

#search
{
	width:200px;
	float:right;
	margin:5px 10px;
}


/*----------------------------------------------------------- INPUTS -----*/

#search label
{
	margin:0;
	padding:0;
}

select, input
{
	background-color:#000;
	color:#999;
	border:none;
	font-size:10px;
	height:25px;
	padding:2px;
	width:160px;
	border:#222 1px solid;
}

textarea
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color:#000;
	color:#999;
	border:none;
	font-size:10px;
	padding:2px;
	border:#222 1px solid;
}

textarea:focus, input:focus, select:focus
{
	border:#00ccff 1px solid;
}

.width260
{
	width:260px;
}

input.search_bt
{
	width:25px;
	height:25px;
	border:none;
}

/*----------------------------------------------------------- WORK -----*/

#work
{
	height:434px;
	min-height:434px;
	overflow:hidden;
	clear:both;
	background-color:#000;
}
.work1
{
 	list-style:none;
	margin:0px;
	padding:10px;
}

.work1 li
{

	float:left;


}

.work1 li a
{
	display:block;



}

#work_name
{
	padding:4px 2px;
	color:#CCC;
	text-decoration:none;
}

#work_name h5
{
	font-size:8px;
	color:#CCC;
	text-decoration:none;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
        overflow: hidden;
        width: 137px;
        white-space: nowrap;
}

/*----------------------------------------------------------- WORK_IND -----*/
#work_ind_work
{
	width:950px;
	margin:30px auto 0 auto;
	overflow:hidden;
	padding:0;

}

#work_ind
{
	/*width:950px;*/
	margin:7px 6px 7px 6px;
	padding:7px;
	position:relative;
	background-color:#222;
}

#work_ind a
{
	text-decoration:none;
}

#galeria , #video
{
	width:550px;
	height:400px;
	float:left;
}

#descricao
{
	width:380px;
	height:380px;
	float:right;
	padding-left:10px;
}

#w_catg
{
	padding-top:20px;
}

#w_desc
{
	font-size:10px;
	line-height:12px;
	height:130px;
}




#galeria h6{
	font-size:12px;
	text-align:right;
	font-weight:normal;
	text-decoration:none;
	margin:0;
	padding-top:5px;
	padding-right:50px;
}

#galeria h6 a{
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	text-decoration:none;

}

#galeria h6 a:hover{
	text-decoration:underline;
}

/*----------------------------------------------------------- GRAPH -----*/

#graph1
{
	margin-bottom:10px;
	float:left;
	width:190px;
	height:140px;
}

#graph2
{
	margin-bottom:10px;
	float:right;
	width:190px;
	height:140px;
}

path
{
	stroke-opacity:0;
}

/*----------------------------------------------------------- EMPRESA -----*/

#pag_est
{
	width:950px;
	margin:0 auto;
	padding-top:60px;
	overflow:hidden;
}

#logo_emp
{
	float:left;
	width:290px;
}

#texto_emp
{
	float:left;
	width:640px;
	padding:10px;
	font-size:11px;
	line-height:20px;
}

/*----------------------------------------------------------- CLASSES -----*/
/* ID: 2 */
.graphic
{
	color:#ff00aa;
}
/* ID: 1 */
.identity
{
	color:#9000ff;
}
/* ID: 3 */
.interior
{
	color:#ffc000;
}
/* ID: 4 */
.new_media
{
	color:#94db17;
}
/* ID: 5 */
.stands
{
	color:#1039d3;
}
/* ID: 6 */
.web
{
	color:#00ccff;
}

h2
{
	font-size:22px;
	text-transform:capitalize;
	font-weight:normal;
}

h3
{
	font-size:16px;
	text-transform:capitalize;
	color:#FFF;
	font-weight:normal;
}

h4
{
	font-size:12px;
	text-transform:capitalize;
	color:#666;
	font-weight:normal;
}

/*----------------------------------------------------------- REDES -----*/

#redes
{
	margin-left:20px;
	float:left;
}

.legend{
	float:left;
	margin-top:15px;
	margin-left:25px;
	width:320px;
}

.mainLegend{
	margin-bottom:20px;
	padding:0;
	float:left;
	overflow:hidden;
	width:106px;
}

	.legendImage{
		margin-right:5px;
		padding:0;
		float:left;
		overflow:hidden;
		width:15px;
	}

	.legendText{
		margin:0;
		padding-top:2px;
		float:left;
		overflow:hidden;
		width:80px;
		font-size:9px;
	}


.logoLoja{
	float:left;
	margin-top:5px;
	margin-left:0px;
}
/*----------------------------------------------------------- NEWS -----*/

#news
{
	width:350px;
	height:410px;
	position:absolute;
	right:0px;
	background-color:#000;
}

#news_cont
{
	position:relative;
	padding:20px;
}

a.tab_news
{
	width:50px;
	display:block;
	background-image:url(/imgs/icons/line-globe.png);
	background-repeat:no-repeat;
	background-color:#000;
	font-size:12px;
	color:#00c6ff;
	padding:15px 10px 15px 40px;
	text-decoration:none;
	margin-left:-100px;
	margin-bottom:1px;
}

a.tab_rss
{
	width:50px;
	display:block;
	background-image:url(../imgs/icons/rss.png);
	background-repeat:no-repeat;
	background-color:#000;
	font-size:12px;
	color:#00c6ff;
	padding:15px 10px 15px 40px;
	text-decoration:none;
	margin-left:-100px;
	margin-bottom:1px;
}

a.tab_twitter
{
	width:50px;
	display:block;
	background-image:url(/imgs/icons/bird.png);
	background-repeat:no-repeat;
	background-color:#000;
	font-size:12px;
	color:#00c6ff;
	padding:15px 10px 15px 40px;
	text-decoration:none;
	margin-left:-100px;
	margin-bottom:1px;
}

/*----------------------------------------------------------- NEWSLETTER -----*/

#newsletter, #recomend
{
	float:right;
	margin-right:20px;
}

 label.newsletter
{
	font-size:8px;
	color:#ffffff;
}

#newsletter a, #recomend a
{
	color:#999;
	text-decoration:none;
}

#newsletter a:hover, #recomend a:hover
{
	color:#FFF;
}


/*----------------------------------------------------------- DROP DOWN -----*/

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; font-size:10px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;}
.dropdown a:hover { color:#fff;}
.dropdown dt a:hover, .dropdown dt a:focus { color:#fff; border: 1px solid #00ccff;}
.dropdown dt a {background:#000 url(/imgs/arrow.png) no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #000; width:150px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background-image:url(/imgs/bg_alpha.png); border:1px solid #000; color:#C5C0B0; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#00ccff;}


/*----------------------------------------------------------- EQUIPA -----*/


.equipaListHolder{
	margin-bottom:30px;
}

.equipa{
	width:180px;
	height:180px;
	float:left;
	margin:4px;

	/* Giving the equipa div a relative positioning: */
	/*position:relative;!important*/
	cursor:pointer;
}

.equipaFlip{
	/*  The equipa div will be positioned absolutely with respect
		to its parent .equipa div and fill it in entirely */

	/*position:absolute;*/
	width:150px;
	height:150px;
	float:left;
	margin:1px;
	background:url("imgs/background.jpg") no-repeat center center #222222!important;
	position:relative;
}

.equipaFlip:hover{

	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #111 inset;
	-webkit-box-shadow:0 0 30px #111 inset;
	box-shadow:0 0 30px #111 inset;

}

.equipaFlip img{
	/* Centering the logo image in the middle of the equipaFlip div */
}

.equipaData{
	/* Hiding the .equipaData div */
	display:none;
}

.equipaDescription{
	font-size:11px;
	padding:50px 10px 20px 10px;
	font-style:italic;
}

.equipaDescription h4{
	color:#ffffff;
	font-weight:bold;
	font-style:normal;
	font-size:12px;
}

.equipaDescription h5{
	color:#999;
	font-weight:bold;
	font-size:10px;
}

.equipaURL{
	font-size:10px;
	font-weight:bold;
	bottom:5px;
	left:10px;
	position:absolute;
}

.clear{
	/* This class clears the floats */
	clear:both;
}



.mapDiv{
	margin-top:0px;
	margin-right:0px;
	padding:0;
	float:left;
	width:320px;
}

#gmap { width:320px; height:250px; margin:0; padding:0px; text-align:center;}
#gmap-adv-container {width:320px; border:1px solid #000000; float:left; height:250px; margin:0; padding:0px; text-align:center;}
#gmap-adv {border:1px solid #000000; float:left; width:320px; height:250px; margin:0; padding:0; }
#gmap-adv-container .list {float:left; width:160px; margin:0; padding:0; border:0; background:#EAE8E8; margin-right:10px;}
#gmap-points {height:300px; overflow:auto; margin:0; padding:0; border-left:2px solid #595959; float:left;}
#gmap-points ul {margin:0; padding:0; list-style:none;}
#gmap-points li {display:block; margin:0; padding:0 5px; border-top:1px solid #F7F5F5; border-bottom:1px solid #DEDCDC; color:#222; font-size:85%; font-weight:normal;}
#gmap-points li a {margin:0; padding:0; color:#222; text-decoration:none;}
#gmap-points li a:hover {	color:#FF6600;	text-decoration:none;}
#gmap-points li:hover {background:#FFF;}