body{
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #666;
	background-image: url(../img/fondo_colores.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}#menu ul li {
	list-style-image: url(../img/menu-cruz.png);
	font-size: 18px;
	padding-left: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-indent: -10px;
	list-style-position: inside;
}
.tit_bienvenido {
	background-image: url(../img/tit_bienvenido.png);
	text-indent: -5000px;
	height: 30px;
	width: 280px;
	margin-bottom: -10px;
}
.justificado {
	text-align: justify;
}
.flecha li {
	list-style-image: url(../img/menu-flecha.png);
	margin: 6px;
	padding-left: 0px;
	margin-left: 18px;
}


.tit_ult_proy {
	background-image: url(../img/tit_ultimos-proyectos.png);
	text-indent: -5000px;
	height: 30px;
	width: 220px;
	margin-bottom: -10px;
}
.tit_servicios {
	background-image: url(../img/tit_servicios.png);
	text-indent: -5000px;
	height: 30px;
	width: 220px;
	margin-bottom: -10px;
}
.tit_inq_pro {
	background-image: url(../img/tit_inq-proy.png);
	text-indent: -5000px;
	height: 30px;
	width: 220px;
	margin-bottom: -10px;
}
#cabec_01 {
	background-image: url(../img/logo-creatividad-digital.png);
	height: 80px;
	width: 160px;
	text-indent: -5000px;
}
#cabec_02 {
	background-image: url(../img/logo-web-multimedia-creatividad.png);
	height: 80px;
	width: 400px;
	text-indent: -5000px;
	float: right;
}
a:focus{outline:1px dotted invert}
a{
	color: #333;
	text-decoration: none;
	}
a:hover{
	color: #d40057;
	text-decoration: none;
}
.active {
	color: #d40057;
}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{
	font-size:19px;
	margin-top: 10px;
}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}


.texto_1{
	font-size: 10px;	
	}
.bot_dg-emailing a{
	margin:0;
	padding:0;
	background-image: url(../img/bot_dg-emailing.png);
	height: 40px;
	width: 220px;
	display: block;
	text-indent: -5000px;
}
h3 {
	font-size: 18px;
	color: #eee;
	margin: 0px;
}
h4 {
	font-size: 14px;
	color: #000;
	margin: 0px;
}

.bot_dg-emailing a:hover{
	background-position:bottom;
}
/*DONDE ESTAMOS*/
.form_campos {
	width: 280px;
	margin:0;
	padding:0;
}
#boton {
	background-image: url(../img/bot_enviar.png);
	display: block;
	height: 20px;
	width: 100px;
	float: right;
	text-indent: -5000px;
	border: 0;
}

.tit_form_contacto {
	background-image: url(../img/tit_form_contacto.png);
	text-indent: -5000px;
	height: 30px;
	width: 280px;
	margin-bottom: -10px;
}
.tit_mapa {
	background-image: url(../img/tit_mapa.png);
	text-indent: -5000px;
	height: 30px;
	width: 460px;
	margin-bottom: -10px;
}
#mapa_google {
	width:460px;
	height:200px;
	background-color: #0F0;
	margin: 20px;
	padding: 0px;
}
.tipo {
	width: 760px;
	overflow:hidden;
	background-image: url(../img/tit_trabajos.png);
	margin: 0;
	height: 40px;

}
.tipo h4{
	padding: 10px;
	}
.trabajo {
	float: left;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 10px;
	overflow:hidden;
}
.img_trab{
	border: 1px dotted #999;
	}
.trab_link{
	width: 160px;
	height: 14px;
	font-size: 10px;
	overflow:hidden;
	}
#formulario_paypal {
	background-color: #eee;
	border: 10px solid #eee;
}
#pagar{
	background-image: url(../img/bot-pagar.gif);
	background-position: top;
	display: block;
	height: 40px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}
/* Hover a nuestro Boton 
   No funciona en IE6(no se por qu� lo siguen usando xD) */
#pagar:hover{
	background-position: bottom;
}