*, html {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}


.clear {
	clear: both;
}
#contenedor {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imagenes/fondo_vertical.gif);
	background-repeat:     repeat-y;
	background-position: 36px;
	margin-top: 16px;
	position: relative;
}
#cabecera {
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	background-image: url(../imagenes/cabecera_pagina.gif);
	background-repeat: no-repeat;
	background-position: 0px 71px;
	background-color: #FFFFFF;
}
#logotipo {
	background-image: url(../imagenes/logotipo.gif);
	background-repeat: no-repeat;
	height: 114px;
	width: 264px;
	position: relative;
	top: 0px;
	left: -24px;
}
#logotipo h1 {
	text-indent: -5000px;
}
#logotipo p {
	text-indent: -5000px;
}
#logotipo a {
	height: 20px;
	width: 150px;
	display: block;
	position: relative;
	top: -6px;
	left: 114px;
}
#cabecera #platillo {
	position: absolute;
	height: 310px;
	width: 274px;
	top: 0px;
	left: 662px;
}
#cabecera #nubes {
	position: absolute;
	height: 426px;
	width: 230px;
	top: 350px;
	left: 650px;
}

#navegacion {
	height: 32px;
	width: 428px;
	float: left;
	margin-top: 5px;
}
#navegacion ul {
	width: 440px;
	list-style-type: none;
	margin-left: 32px;
}
#navegacion a:hover {
	background-position: 0px -32px;
}

#navegacion ul li a {
	width: 104px;
	display: block;
	height: 32px;
	text-indent: -5000px;
}

#navegacion  ul  li  {
	float: left;
	margin-right: 4px;
}
#navegacion #bt_inicio {
	background-image: url(../imagenes/menuprincipal_inicio.gif);
	background-repeat: no-repeat;
}
#navegacion #bt_sobre {
	background-image: url(../imagenes/menuprincipal_sobremi.gif);
	background-repeat: no-repeat;
}
#navegacion #bt_portfolio {
	background-image: url(../imagenes/menuprincipal_potfolio.gif);
	background-repeat: no-repeat;
}
#navegacion #bt_contacto {
	background-image: url(../imagenes/menuprincipal_contacto.gif);
	background-repeat: no-repeat;
}
#navegacion ul li a.activo {
	background-position: 0px bottom;
}
#cuerpo #contenido {
	margin-right: 32px;
	margin-left: 32px;
}
#cuerpo {
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../imagenes/pie_cuerpo.gif);
	background-repeat: no-repeat;
	background-position: -31px bottom;
}
#cuerpo  {
	float: left;
	width: 560px;
	margin-left: 68px;
	display: inline;
}


#pie {
	width: 888px;
	margin-right: auto;
	margin-left: auto;
	height: 297px;
	background-image: url(../imagenes/pie_pagina.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#contenedor #pie p {
	margin-top: 300px;
}
#contenedor   #pie p  {
	margin-top: 310px;
	float: left;
	font-size: 11px;
	color: #666666;
	text-align: center;
	width: 888px;
	margin-bottom: 10px;
}
#contenido h2 {
	height: 55px;
	width: 496px;
	font-size: 18px;
	display: block;
	text-indent: -5000px;
}
#contenido h3 {
	font-size: 14px;
	font-weight: bold;
}
#contenido h4 {
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
	margin-top: 15px;
}
#contenido p {
	font-size: 12px;
	margin-bottom: 12px;
	line-height: 16px;
	padding-left: 0px;
	color: #414141;
}
#contenido p.margen_inferior {
	margin-bottom: 252px;
}
#contenido #introduccion {
	background-image: url(../imagenes/balloon_home.gif);
	height: 184px;
	width: 496px;
	float: left;
}
#contenido .columna_corta {
	float: left;
	width: 232px;
	margin-top: 42px;
	margin-bottom: 32px;
	display: block;
}
#contenido  .separador {
	margin-right: 32px;
	float: left;
}
#contenido .proyectos {
/*	width: 496px;*/
	width: 530px;
	float: left;
}
#contenido .trabajo {
	float: left;
	width: 232px;
}


#contenido #introduccion p {
	font-size: 14px;
	color: #5B564A;
	line-height: 18px;
	margin-top: 55px;
	margin-left: 25px;
	margin-right: 25px;
}

#contenido  #titulo_home  {
	background-image: url(../titulares/titulo_home.gif);
}
#contenido   #titulo_serviciosweb {
	background-image: url(../titulares/titulo_serviciosweb.gif);
	display: block;
	height: 22px;
	width: 232px;
	margin-bottom: 10px;
	text-indent: -5000px;
}
#contenido  #titulo_serviciosgraficos {
	background-image: url(../titulares/titulo_serviciosgraficos.gif);
	display: block;
	height: 22px;
	width: 232px;
	margin-bottom: 10px;
	text-indent: -5000px;
}
#contenido #titulo_proyectos_recientes {
	background-image: url(../titulares/titulo_proyectosrecientes.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
}
.columna_corta ul {
	font-size: 12px;
	margin-bottom: 10px;
	list-style-type: none;
}
.columna_corta ul li {
	background-image: url(../imagenes/bullet.gif);
	background-repeat: no-repeat;
	height: 16px;
	text-indent: 16px;
	margin-bottom: 3px;
	font-weight: bold;
	color: #333333;
}

.columna_corta p {
	font-size: 12px;
	color: #575350;
	padding-left: 16px;
}
.trabajo  {
	float: left;
	width: 232px;
	margin-top: 10px;
	margin-bottom: 26px;
	display: block;
}
.trabajo   img  {
	border: 6px solid #E0DACD;
	margin-bottom: 5px;
}
#contenido  .trabajo p {
	font-size: 12px;
	margin-bottom: 0px;
}
.trabajo a {
	color: #94BB1E;
	text-decoration: none;
}
.trabajo img:hover {
	border: 6px solid #C1BAA8;
	margin-bottom: 5px;
}
.trabajo a:hover {
	color: #579725;
	text-decoration: none;
}
#contenido #masproyectos {
	display: block;
	height: 34px;
	width: 96px;
	background-image: url(../imagenes/boton_balloon_verde.gif);
	float: right;
	font-size: 11px;
	line-height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-bottom: 20px;
}
#contenido  #masproyectos:hover  {
	background-position: bottom;
}
#contenido #titulo_sobremi {
	background-image: url(../titulares/titulo_sobremi.gif);
	margin-bottom: 32px;
}
#contenido #titulo_portfolio {
	background-image: url(../titulares/titulo_portfolio.gif);
}
#contenido #titulo_contacto {
	background-image: url(../titulares/titulo_contactar.gif);
	margin-bottom: 32px;
}
#contenido #titulo_portfolio {
	background-image: url(../titulares/titulo_portfolio.gif);
	margin-bottom: 20px;
}
#titulo_quiensoy {
	background-image: url(../titulares/titulo_quiensoy.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 15px;
	text-indent: -5000px;
	margin-top: 10px;
}
#titulo_intereses {
	background-image: url(../titulares/titulo_intereses.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
}
#titulo_vacas {
	background-image: url(../titulares/titulo_vacas.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
}
#contenido .separador_parrafo {
	margin-bottom: 32px;
}

.fotoderecha {
	float: right;
	position: relative;
	top: -5px;
	left: 23px;
}
#titulo_donde {
	background-image: url(../titulares/titulo_donde.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 20px;
	text-indent: -5000px;
	margin-top: 10px;
}
#titulo_formulario {
	background-image: url(../titulares/titulo_formulario.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 20px;
	text-indent: -5000px;
}
#submenu ul {
	list-style-type: none;
}
#submenu {
	margin-bottom: 20px;
	float: left;
	width: 496px;
}
#submenu ul li {
	float: left;
	margin-right: 10px;
}
#submenu  a:hover  {
	background-position: 0px -34px;
}

#submenu #submenu_web {
	background-image: url(../imagenes/submenu_web.gif);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 95px;
	text-indent: -5000px;
}
#submenu #submenu_grafico {
	background-image: url(../imagenes/submenu_grafico.gif);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 95px;
	text-indent: -5000px;
}
#submenu #submenu_ilustracion {
	background-image: url(../imagenes/submenu_ilustracion.gif);
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	width: 95px;
	text-indent: -5000px;
}
#submenu  ul  li  a.activo {
	background-position: 0px bottom;
}
#titulo_webs {
	background-image: url(../titulares/titulo_paginasweb.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
	float: left;
}
#titulo_grafico {
	background-image: url(../titulares/titulo_disenografico.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
	float: left;
}
#titulo_ilustracion {
	background-image: url(../titulares/titulo_ilustraciones.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
	float: left;
}
#contenedor #cuerpo #contenido #direccion p {
	margin-bottom: 0px;
}
#direccion .separador_parrafo_direccion {
	padding-bottom: 10px;
}
#contenedor #cuerpo #contenido #direccion {
}

#contenedor #cuerpo #contenido #direccion a {
	color: #C34A3D;
}
#contenedor #cuerpo #contenido #direccion {
	margin-bottom: 50px;
}
#titulo_servicios {
	background-image: url(../titulares/titulo_servicios.gif);
	display: block;
	height: 22px;
	width: 496px;
	margin-bottom: 10px;
	text-indent: -5000px;
	margin-top: 10px;
}
#contenido   a.ejemplos   {
	color: #6B675F;
	margin-bottom: 35px;
	display: block;
	text-decoration: none;
	background-image: url(../imagenes/icono_ampliar.gif);
	background-repeat: no-repeat;
	text-indent: 16px;
}
#contenido  a.ejemplos:hover {
	color: #0078C7;
	background-position: 0px bottom;
}

#contenido p {
	padding-right: 15px;
}
.verejemplos {
	display: block;
	height: 34px;
	width: 96px;
	background-image: url(../imagenes/boton_balloon_gris.gif);
	font-size: 11px;
	line-height: 24px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin-bottom: 20px;
}