/*
CSS Document 
Autor: Jonathan Izquierdo
Company: Malashpina Creativos
*/

body{
	color:#87888a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	background-image:url(../images/bg_inicio.jpg);
	background-repeat:repeat-x
}

.vacio{
	text-decoration:none;
	color:#87888a;
	font-weight:bold;
}

.newsletter{
	font-size:12px; 
	width:212px; 
	border:#FFF;
}

.newsletter_2{
	font-size:12px; 
	width:242px; 
	border: 1px solid #CCC;
}

.newsletter_3{
	font-size:12px; 
	width:282px; 
	border: 1px solid #CCC;
}

.formulario{
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif; 
	width:212px; 
	border: 1px solid #ebebed;
}

.enlace{
	color:#666; 
	font-size:12px;
}

.enlace_menos{
	color:#666; 
	font-size:10px;
}

.texto_menos{	
	font-size:10px;
}

.titulo{
	font-size:12px;
	color:#87888a;
	margin-top:10px;
	text-align:center;
}

.titulo_direccion{
	font-size:13px;
	color:#000000;
}

.direccion{
	font-size:12px;
	color:#87888a;
	margin-top:10px;
}

.gris_menu{
	color:#87888a;	
	font-weight:bold;	
	font-size:20px;
	letter-spacing:-2px;	
}

.negro_menu{
	color:#000000;
	font-weight:bold;
}

.rojo_menu{
	color:#ae0019;
	font-weight:bold;
	font-size:20px;
	letter-spacing:-2px;
}

.blanco_menu{
	color:#FFF;
	font-weight:bold;	
	font-size:20px;
	letter-spacing:-2px;	
}

.titulo_texto{
	font-size:28px;
	color:#000000;
	font-weight:bold;
	letter-spacing:-3px;
	
}

.subtitulo_texto{
	font-size:16px;
	color:#87888a;
	font-weight:bold;
	letter-spacing:-1px;
}

.rojo{
	color:#C00;
}

.gris{
	color:#87888a;
}


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

#diseno_flyer{
	width:964px;
	margin:0 auto;
}

#diseno_flyer_titulo{
	width:964px;
	margin:0 auto;
}

#diseno_flyer_header{
	width:964px;
	margin:0 auto;
	background-color:#666;
}

#logo_diseno_flyer{
	width:697px;
	float:left;
}

#direccion_diseno_flyer{
	width:267px;
	float:left;
	text-align:right;
	vertical-align:middle;
}

#ultimos_trabajos{
	float:left;
	width:964px;
	margin-top:15px;	
}

	#ultimos_trabajos1{
		float:left;
		width:964px;
		margin-top:15px;	
	}

	#ultimos_trabajos2{
		float:left;
		width:964px;
		margin-top:15px;	
	}

	#ultimos_trabajos3{
		float:left;
		width:964px;
		margin-top:15px;	
	}


#paquetes_pie_linea{
	float:left;
	width:964px;
	margin-top:10px;
}

#paquetes_pie{
	float:left;
	width:964px;
	margin-top:30px;
}

	#paquetes_pie_1{
		float:left;
		margin-left:4px;
		width:358px;
	}

		#paquetes_pie_1_2{
		float:left;
		width:321px;
		}
	

	#paquetes_pie_2{
		float:left;
		margin-left:4px;
		width:326px;
	}

		#paquetes_pie_2_2{
			float:left;
			width:322px;
		}

	#paquetes_pie_3{
		float:left;
		margin-left:4px;
		width:266px;
	}

		#paquetes_pie_3_2{
			float:left;
			width:321px;
		}

#paquetes_servicios{
	float:left;
	width:964px;
	margin-top:15px;
}

	#paquetes_servicios_1{
		margin-left:4px;
		width:956px;
	}
	
	#paquetes_servicios_2{
		margin-top:40px;
		margin-left:4px;
		width:956px;
	}

#herramientas_diseno{
	float:left;
	width:964px;
	margin-top:46px;
}

	#herramientas_diseno_1{
		margin-left:4px;		
		float:left;
		width:478px;
	}

	#herramientas_diseno_2{
		margin-left:4px;		
		float:left;
		width:478px;
	}

#servicios_diseno{
	float:left;
	width:964px;
	margin-top:32px;
}

#servicios_diseno_clientes{
	float:left;
	width:964px;
	margin-top:36px;
}


#servicios_diseno_clientes_intro{
	float:left;
	width:964px;
	margin-top:39px;
}

	#servicios_diseno_1{
		margin-left:4px;		
		float:left;
		width:150px;
		text-align:left;
	}	

	#servicios_diseno_2{
		float:left;
		width:328px;
	}

	#servicios_diseno_3{
		margin-left:4px;		
		float:left;
		width:263px;
	}
	
	#servicios_diseno_4{
		margin-top:40px;
		float:left;
		width:215px;
	}
	

#espaciado_top{
	margin-top:10px;
}

#espaciado_top_2{
	margin-top:14px;
}

#espaciado_top_3{
	margin-top:18px;
}


#texto_filosofia{
	float:left;
	width:964px;
	margin-top:15px;
}

	#texto_filosofia_1{
		float:left;
		margin-left:4px;
		width:670px;
	}
	
	#texto_filosofia_2{
		float:left;
		text-align:right;
		width:275px;
	}

#texto_clientes{
	float:left;
	width:964px;
	margin-top:15px;
}

	#texto_clientes_1{
		float:left;
		margin-left:4px;
		width:960px;
	}
	
	#texto_clientes_1_sepa{
		float:left;
		width:16px;		
	}

		#texto_clientes_1_1{
			float:left;
			width:472px;
		}
		
		#texto_clientes_1_9{
			float:left;
			width:960px;			
		}

		#texto_clientes_1_13{
			float:left;
			width:960px;			
		}

			#texto_clientes_1_1_2{
				float:left;
				width:300px;
			}

	
		#texto_clientes_1_2{
			float:left;
			width:472px;
		}


			#texto_clientes_1_2_2{
				float:left;
				width:660px;
			}

	#texto_clientes_2{
		float:left;
		margin-left:4px;
		width:960px;
		margin-top:20px;
	}

#servicios_flyer{
	float:left;
	width:964px;
	margin-top:15px;
}

	#servicios_flyer_1{
		float:left;		
		width:230px;
	}
	
	#servicios_flyer_2{
		float:left;
		width:244px;
	}

	#servicios_flyer_4{
		float:left;
	}

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

#menu_diseno_flyer li {
	float:left;
	margin-top:9px;
}

.menu{
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

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

.nodecoracion{
	text-decoration:none;
}

/*------------- LIGHBOX FORM ------------- */

#container{
	margin:0 auto;
	width:600px;
	padding:40px;
	text-align:left;
	background-color:#fff;
}
#container ul{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}
#container ul a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	color:#444;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}
#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0;
}
#lightbox h3{
	color:#FF713F;
}
#lightbox.done p{
	color:#333;
}

#form{
	text-align:left;
	margin:25px;
}
#form ul{
	list-style:none;
}
#form li{
	margin:0 0 1em 0;
}
#form textarea{
	width:100%;
	height:150px;
}

#definition{
	margin:25px;
}
.highlight{
	background-color:#FEFFAF;
}