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

a { 
text-Decoration:none;
outline:none;
color:#FFF;
}

a:link       { 
text-Decoration:none;
outline:none;
border:0px;
color:#FFF;
}

a:visited    { 
text-Decoration:none;
color:#FFF;
}

a:hover      { 
text-Decoration: underline;
}

h2 {
	margin-bottom: 0px;
	margin-top: 15px;
	color:#FFF;
	}
	
h3 {
	margin-bottom: 0px;
	margin-top: 15px;
	color:#FFF;
	font-weight:normal;
	font-size: 12px;
	}
	
h4 {
	margin-bottom: 20px;
	margin-top: 10px;
	color:#FFF;
	font-weight:normal;
	font-size: 12px;
	
	}		

img {
	border: 0px;
	
	}



p { margin:0px;}
	
body{
	margin-left: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding:0px;
	list-style:none;
	
}

.topo {
	width: 100%;
	height: 253px;
	background-color:#5a0043;
	}
	
.topo_900 {
	width: 900px;
	height: 253px;
	
	margin:auto;
	}	
	
.cases {
	width: 100%;
	background-color:#3a0c2e;
	float:left;
	padding-bottom: 20px;
	}
	
.cases_900 {
	width: 900px;
	margin:auto;
	}	
	
.clientes {
	width: 100%;
	background-color:#5a0043;
	float:left;
	}
	
.clientes_900 {
	width: 900px;
	background-color:#F00;
	margin:auto;
	}	
	
.empresa {
	width: 100%;
	background-color:#3a0c2e;
	float:left;
	}
	
.empresa_900 {
	width: 900px;
	margin:auto;
	}	
	
.contato {
	width: 100%;
	background-color:#210219;
	float:left;
	}
	
.contato_900 {
	width: 900px;
	height: 225px;
	margin:auto;
	}	
	
	
.logo_imaginale{
	margin-top: 80px;
	width: 485px;
	height: 60px;
	background: transparent url(imagens/logo_imaginale.jpg) no-repeat;
	text-indent:-9000px;
	float:left;	
	}	
	
.logo_imaginale_footer{
	width: 320px;
	height: 225px;
	background: transparent url(imagens/logo_imaginale_footer.jpg) no-repeat center;
	background-color:#000;
	text-indent:-9000px;
	float:right;
	}		
	
.descricao_topo {
	width: 900px;
	height: 30px;
	background: transparent url(imagens/descricao.jpg) no-repeat;
	text-indent:-9000px;
	float:left;	
	}	
	
	
.txt_cliente {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 900px;
	height: 32px;
	background: transparent url(imagens/txt_clientes.jpg) no-repeat;
	text-indent:-9000px;
	float:left;	
	}
	
	
.txt_qualeanossa {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 900px;
	height: 32px;
	background: transparent url(imagens/txt_qualeanossa.jpg) no-repeat;
	text-indent:-9000px;
	float:left;	
	}	
	
.txt_sobreaempresa {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color:#FFF;
	text-align:justify;
	margin-bottom: 30px;
	
	}	
	
	
.txt_contato {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 580px;
	height: 32px;
	background: transparent url(imagens/txt_contato.jpg) no-repeat;
	text-indent:-9000px;
	float:left;	
	}
	
.txt_contato_informacoes {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color:#FFF;
	text-align:justify;
	margin-bottom: 30px;
	width:580px;
	float:left;
	
	}		
		
			
	
				
.contato_topo {
	width: 338px;
	height: 35px;
	background-color: #3a0c2e;
	float:right;
	position:relative;
	top: -170px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#FFF;
	padding-left: 20px;
	padding-top: 15px;
	}
	
	
.cases_area_bg {
	background:url(imagens/bg_cases.jpg);
	width: 212px;
	height: 170px;
	float:left;
	margin-top: 20px;
	border: 0px;
	}	
	
.cases_area_espacos {
	margin-top: 20px;
	width: 17px;
	height: 170px;
	float:left;	
	}	
	
.clientes_logo {
	float:left;
	width: 160px;
	height: 88px;
	margin-bottom: 20px;
	}	
	
.clientes_logo_espacos {
	float:left;
	width: 25px;
	height: 88px;	
	margin-bottom: 20px;
	}		
	
	
	
/* box cases*/

.box_cases, .box_customers{
	float:left; 
	width:207px; 
	height:166px; 
	overflow:hidden; 
	position:relative; 
	margin:0px 0px 0px 0px;
	}

.box_customers .inner_box{
	width:207px; 
	left:0; 
	height:166px; 
	overflow:hidden; 
	position:absolute; 
	font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:0px 0px;  
	margin:0; 
	top:150px;
	}

.box_cases a{ 
color:#FFF; 
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.box_cases a:hover{ 
color:#FFF; 
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.box_cases p span{
	font: 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.box_cases p{
	width:207px; 
	left:0; 
	height:166px; 
	overflow:hidden; 
	position:absolute; 
	font:italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#FFF;
	padding:10px 8px;   
	top:200px; 
	opacity:0.7;
	}

.cases_color1{ text-align: left; background: #000}
		
		

.ic_container{
    vertical-align:baseline;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
	height:94px;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;


}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;
	color:#FFF;

}

.proximo{
	margin-top:10px;
	float:right;
	margin-right:50px;}
	
.anterior{
	margin-top:10px;
	float:left;
	margin-left:10px;}	
	
	
	
/*  fim  box cases*/	
	
	
	


/* lightbox */

#lightbox{	position: absolute;	width: 100%; z-index: 100; text-align: center; }
#lightbox img{ width: auto; height: auto; margin: 0px; padding: 0px;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color:#FFF;  margin: 0 auto; padding:0px;}
#imageContainer{ padding: 0px; margin: 0px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer #hoverNav{ margin: 0px; padding: 0px;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited { background: url(imagens/prevlabel.gif) left 0% no-repeat;  }
#nextLink, #nextLink:visited { background: url(imagens/nextlabel.gif) right 0% no-repeat; }

#imageDataContainer{ 
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%	; 
}

#imageData{	padding:0 0px; color:#cf009a; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-style:italic;}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}	
		
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* fim lightbox */