/* Global Styles */

body {
	margin: 0px;
	font: 11px verdana, tahoma, arial, sans-serif;
	color:#cccccc;
	background-color:#cccccc;
	text-align:center;
	line-height:1.4;
}

#conteudo {
	width:755px;
	left:50%;
	margin-left:-377px;
	position: absolute;
	background-color:#1f1a17;
	text-align:left;

}

#topo {
	width:755px;
	height:200px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/topo2.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/topo2.jpg);
}

#box1 {
	width:754px;
	height:81px;
	position: relative;
}

#box11 {
	width:74px;
	height:81px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/back01.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back01.jpg);
	float:left;
}

#box12 {
	width:478px;
	height:81px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/logo2.gif);
	background-image: url(http://www.arte-multipla.com/imagens/logo2.gif);
	float:left;
}

#box13 {
	width:202px;
	height:81px;
	position: relative;
	background-color:#1f1a17;	
	float:left;
}

#box2 {
	width:755px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/back04.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back04.jpg);	
	float:left;
}

#box21 {
	width:74px;
	position: relative;
	background-color:#1f1a17;	
	float:left;
}

#box211 {
	width:74px;
	height:252px;	
	position: relative;
	background-color:#1f1a17;	
	background: url(http://www.arte-multipla.com/imagens/back01.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back01.jpg);	
}

#box212 {
	width:74px;
	height:81px;	
	position: relative;
	background-color:#1f1a17;	
}

#box213 {
	width:74px;
	position: relative;
	background-color:#727071;	
}

#box22 {
	width:459px;
	position: relative;
	background-color:#1f1a17;	
	border-top: 20px solid #1f1a17;		
	border-left: 20px solid #1f1a17;	
	float:left;
}

#box221 {
	width:439px;
	height:30px;	
	position: relative;
	background-color:#1f1a17;	
}

#box222 {
	width:300px;
	height:1px;	
	position: relative;
	background-color:#484242;	
}

#box223 {
	width:440px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #484242;		
}

#ft_galeria {
	width:57px;
	height:57px;
	position: relative;
	padding: 5px;
	float:left;		
}

#galeria_projeto {
	width:430px;
	height:470px;
	position: relative;
	padding-top: 5px;
	padding-left: 5px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#galeria_webdesign {
	width:390px;
	height:1650px;
	position: relative;
	padding-top: 5px;
	padding-left: 5px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#galeria_eventos {
	width:430px;
	height:332px;
	position: relative;
	padding-top: 5px;
	padding-left: 5px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#galeria_fotografia {
	width:430px;
	height:265px;
	position: relative;
	padding-top: 5px;
	padding-left: 5px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#galeria_identidade {
	width:430px;
	height:200px;
	position: relative;
	padding-top: 5px;
	padding-left: 5px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#galeria_consultoria {
	width:430px;
	height:70px;
	position: relative;
	padding-top: 5px;
	padding-left: 5px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}


#box_design {
	width:395px;
	height:150px;
	text-align:left;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#box_webdesign {
	width:395px;
	height:90px;
	text-align:left;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#box_portifolio {
	width:395px;
	height:180px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#box_colaboradores {
	width:395px;
	height:180px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#box_colaboradores2 {
	width:395px;
	height:24px;	
	border-top: 1px solid #484242;	
	padding-left: 10px;		
	padding-bottom: 10px;				
	position: relative;
	background-color:#1f1a17;	
}

#box_mailmarketing {
	width:395px;
	height:1500px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#box_mailmarketingmod {
	width:395px;
	height:1250px;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;		
	padding-bottom: 10px;	
	border-left: 1px solid #484242;		
}

#box_fotog {
	width:170px;
	height:170px;
	left:10px;
	text-align:right;
	position: absolute;
	z-index:200;		
}

#box_fotop {
	width:59px;
	height:59px;
	padding:1px;
	background-color:#FFFFFF;
	position: relative;
	float:left;
}

#box2231 {
	width:244px;
	border-left: 196px solid #1f1a17;
	top:0px;
	text-align:left;
	position: relative;
}


#box224 {
	width:100px;
	height:24px;	
	border-top: 1px solid #484242;			
	position: relative;
	background-color:#1f1a17;	
}

#box23 {
	width:202px;
	position: relative;
	background-color:#1f1a17;
	border-top: 1px solid #e6771b;	
	border-bottom: 1px solid #e6771b;	
	float:left;
}

#box231 {
	width:128px;
	height:359px;
	position: relative;
	background-color:#1f1a17;
	float:left;
}

#box2311 {
	width:128px;
	height:82px;
	position: relative;
	border-bottom: 1px solid #e6771b;		
	float:left;
}

#menu1 {
	width:112px;
	height:66px;
	position: relative;
	border-top: 10px solid #1f1a17;		
	border-left: 8px solid #1f1a17;			
	float:left;
}

#box2312 {
	width:128px;
	height:27px;
	position: relative;
	background-color:#1f1a17;
	border-bottom: 1px solid #e6771b;		
	float:left;
}

#menu2 {
	width:112px;
	height:20px;
	position: relative;
	border-top: 7px solid #1f1a17;		
	border-left: 8px solid #1f1a17;			
	float:left;
}

#box2313 {
	width:128px;
	height:103px;
	position: relative;
	float:left;
}

#menu3 {
	width:112px;
	height:93px;
	position: relative;
	border-top: 10px solid #1f1a17;		
	border-left: 8px solid #1f1a17;			
	float:left;
}

#box2314 {
	width:128px;
	height:143px;
	background-color:#1f1a17;
	border-top: 1px solid #e6771b;			
	position: relative;
	float:left;
}

#boxlogin{
	width:123px;
	height:139px;
	background-color:#1f1a17;
	border-left: 5px solid #1f1a17;		
	border-bottom: 5px solid #1f1a17;		
	float:left;
	position:relative;
}

#mensagemlogin{
	width:123px;
	height:15px;
	top:125px;
	left:0px;
	position:absolute;
}

.formlogin1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}
.formlogin2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFCA;
	border: 1px solid #FFFFCA;
}

#box232 {
	width:74px;
	height:359px;
	position: relative;
	background-color:#727071;
	float:left;
}

#box2321 {
	width:74px;
	height:82px;
	position: relative;
	border-bottom: 1px solid #e6771b;		
	float:left;
}

#box2322 {
	width:74px;
	height:27px;
	position: relative;
	border-bottom: 1px solid #e6771b;		
	float:left;
}

#box2323 {
	width:74px;
	height:103px;
	position: relative;
	float:left;
}

#box2324 {
	width:74px;
	height:143px;
	background-color:#727071;
	border-top: 1px solid #e6771b;				
	position: relative;
	float:left;
}

#box3 {
	width:755px;
	height:384px;
	position: relative;
}

#box31 {
	width:74px;
	height:226px;
	background-color:#1f1a17;		
	position: relative;
	float:left;
}

#box311 {
	width:74px;
	height:45px;
	background: url(http://www.arte-multipla.com/imagens/back1.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back1.jpg);	
	position: relative;
}

#box312 {
	width:74px;
	height:77px;
	background-color:#1f1a17;		
	position: relative;
}

#box313 {
	width:74px;
	height:104px;
	background-color:#727071;		
	position: relative;
}


#box32 {
	width:464px;
	height:226px;
	background-color:#1f1a17;	
	border-left: 15px solid #1f1a17;					
	position: relative;
	float:left;
}

#box321 {
	width:450px;
	height:30px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/tit_fiquesabendo.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/tit_fiquesabendo.jpg);	
	background-position:left bottom;
	background-repeat:no-repeat;	
}

#box322 {
	width:225px;
	height:185px;
	position: relative;
	float:left;
	border-top: 1px solid #484242;	
	border-left: 1px solid #484242;		
	background: url(http://www.arte-multipla.com/imagens/back02.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back02.jpg);	
	background-position:bottom left;
	background-repeat:no-repeat;				
}

#box3221 {
	width:225px;
	height:92px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/back03.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back03.jpg);	
	background-position:bottom left;
	background-repeat:no-repeat;				
}

#box_foto1 {
	width:70px;
	height:70px;
	border-top: 10px solid #1f1a17;	
	border-left: 10px solid #1f1a17;			
	position: relative;
	float:left;
}

#box_texto1 {
	width:135px;
	height:70px;
	border-top: 10px solid #1f1a17;	
	border-left: 10px solid #1f1a17;			
	position: relative;
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#999999;	
	float:left;	
}

#box3222 {
	width:225px;
	height:92px;
	position: relative;
}

#box_foto2 {
	width:70px;
	height:70px;
	border-top: 10px solid #1f1a17;	
	border-left: 10px solid #1f1a17;			
	position: relative;
	float:left;
}

#box_texto2 {
	width:135px;
	height:70px;
	border-top: 10px solid #1f1a17;	
	border-left: 10px solid #1f1a17;			
	position: relative;
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#999999;	
	float:left;	
}

#box323 {
	width:225px;
	height:186px;
	position: relative;
	float:left;	
	border-top: 1px solid #484242;			
}

#box_foto3 {
	width:100px;
	height:70px;
	border-top: 10px solid #1f1a17;	
	border-left: 10px solid #1f1a17;			
	position: relative;
}

#box_texto3 {
	width:225px;
	height:93px;
	border-top: 10px solid #1f1a17;	
	border-left: 10px solid #1f1a17;			
	position: relative;
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#999999;	
}

#box33 {
	width:202px;
	height:226px;
	background-color:#1f1a17;
	position: relative;
	float:left;
}

#box331 {
	width:202px;
	height:144px;
	background-color:#1f1a17;
	border-bottom: 1px solid #e6771b;		
	position: relative;
	float:left;
}

#box332 {
	width:202px;
	height:81px;
	background-color:#1f1a17;
	position: relative;
	float:left;
}

#box3321 {
	width:128px;
	height:81px;
	background-color:#1f1a17;
	position: relative;
	float:left;
}

#box3322 {
	width:74px;
	height:81px;
	background: url(http://www.arte-multipla.com/imagens/back1.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back1.jpg);	
	position: relative;
	float:left;
}

#box4 {
	width:755px;
	height:50px;
	border-top: 1px solid #e6771b;				
	background: url(http://www.arte-multipla.com/imagens/back04.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back04.jpg);	
	position: relative;
	float:left;
}

#box41 {
	width:74px;
	height:50px;
	background-color:#727071;
	border-top: 1px solid #e6771b;			
	position: relative;
	float:left;
}

#box44 {
	width:10px;
	height:50px;
	background-color:#1f1a17;
	border-top: 1px solid #e6771b;			
	position: relative;
	float:left;
}

#box42 {
	width:597px;
	height:50px;
	border-top: 1px solid #e6771b;	
	background-color:#1f1a17;		
	position: relative;
	float:left;
}

#box421 {
	width:597px;
	height:40px;
	background-color:#1f1a17;	
	border-top: 10px solid #1f1a17;				
	position: relative;
}

#box43 {
	width:74px;
	height:50px;
	border-top: 1px solid #e6771b;		
	background: url(http://www.arte-multipla.com/imagens/back01.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/back01.jpg);	
	position: relative;
	float:left;
}

#menu01 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu01.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu01.jpg);
}

#menu11 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu11.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu11.jpg);
}

#menu21 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu21.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu21.jpg);
}

#menu31 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu31.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu31.jpg);
}

#menu41 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu41.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu41.jpg);
}

#menu51 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu51.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu51.jpg);
}

#menu61 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu61.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu61.jpg);
}

#menu71 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu71.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu71.jpg);
}

#menu81 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu81.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu81.jpg);
}

#menu91 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu91.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu91.jpg);
}

#menu101 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu101.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu101.jpg);
}

#menu111 {
	width:112px;
	height:13px;
	position: relative;
	background: url(http://www.arte-multipla.com/imagens/menu111.jpg);
	background-image: url(http://www.arte-multipla.com/imagens/menu111.jpg);
}

#boxgaleriaback {
	width:755px;
	height:1000px;
	left:50%;
	margin-left:-377px;
	position:absolute;
	top:0px;
	background:#cccccc;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	z-index:200;
	visibility:hidden;
}

#boxgaleria {
	width:607px;
	height:480px;
	left:50%;
	top:50%;	
	margin-left:-303px;
	margin-top:-240px;	
	position:absolute;
	background:#000000;
	z-index:300;
	visibility:hidden;	
}

#boxgaleria1 {
	width:607px;
	height:50px;
	text-align:right;	
	position:relative;
	background:#000000;
}

#boxgaleria2 {
	width:607px;
	height:380px;
	text-align:center;
	position:relative;
	background:#000000;
}

#boxgaleria3 {
	width:557px;
	height:50px;
	padding-right:50px;
	text-align:right;	
	position:relative;
	background:#000000;
}

.fonttexto1 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#cccccc;
}

.fonttexto1 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#cccccc;
	text-decoration:underline;	
}

.fonttexto1 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#cccccc;
	text-decoration:underline;
}

.fonttexto2 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#dddddd;
}

.fonttexto3 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#fe5349;
	font-weight: bold;
	text-align:center;
}

.fonttexto4 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#e6771b;
}

.fonttexto4 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#e6771b;
	text-decoration:none;
}

.fonttexto4 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	color:#e6771b;
	text-decoration:underline;
}

.fonttexto5 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#cccccc;
}

.fonttexto5 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#cccccc;
	text-decoration:underline;
}

.fonttexto5 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#cccccc;
	text-decoration:underline;
}

.fonttexto6 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#FFFDC9;
}

.fonttexto6 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#FFFDC9;
	text-decoration:underline;
}

.fonttexto6 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#FFFDC9;
	text-decoration:underline;
}


.titulo1 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#ffffff;
	font-weight:bold;
}

.titulo1 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;	
}

.titulo1 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;	
}

.titulo2 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#e6771b;
	font-weight:bold;
}

.titulo2 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#e6771b;
	text-decoration:none;
	font-weight:bold;	
}

.titulo2 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#e6771b;
	text-decoration:underline;
	font-weight:bold;	
}

.titulo3 {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#e6771b;
}

.titulo3 a {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#e6771b;
	text-decoration:none;
}

.titulo3 a:hover {
	font: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	color:#e6771b;
	text-decoration:underline;
}