* {
	margin: 0;
	padding: 0
}

body {
	background: #A6D8FB url(http://www.artesdeayer.com/images/body.jpg) top left repeat-x;
	font: 12px Optima, Palatino, Georgia;
	line-height: 22px;
	color: #0473FD;
	text-align: center
}

a:link, a:visited {
	color: #0473FD;
	font-weight: bold;
	text-decoration: underline
}

a:active, a:hover, body.ejemplos a.ejemplos {
	background-color: #A6D8FB;
	color: #0473FD;
	text-decoration: none
}

body.ejemplos a.ejemplos, body.precios a.precios, body.contacto a.contacto {
	background-color: #0473FD;
	color: #FFF0CC;
	text-decoration: none
}

#frame {
	text-align: left;
	margin-top: 72px;
	width: 722px;
	margin: 21px auto 0 auto;
	background: url(http://www.artesdeayer.com/images/frame.jpg) top left repeat-y
}

h1.ejemplos {
	width: 722px;
	height: 141px;
	text-indent: -2000em;
	font-size: 16px;
	background: url(http://www.artesdeayer.com/images/cabecerad.jpg) bottom left no-repeat
}

h1.precios {
	width: 722px;
	height: 141px;
	text-indent: -2000em;
	font-size: 16px;
	background: url(http://www.artesdeayer.com/images/cabeceraa.jpg) bottom left no-repeat
}

h1.contacto {
	width: 722px;
	height: 141px;
	text-indent: -2000em;
	font-size: 16px;
	background: url(http://www.artesdeayer.com/images/cabecerab.jpg) bottom left no-repeat
}

h1.gracias {
	width: 722px;
	height: 141px;
	text-indent: -2000em;
	font-size: 16px;
	background: url(http://www.artesdeayer.com/images/cabecerac.jpg) bottom left no-repeat
}

#content {
	width: 722px;
	background: url(http://www.artesdeayer.com/images/contenidod.jpg) top left no-repeat
}

body.precios #content {
	width: 722px;
	background: url(http://www.artesdeayer.com/images/contenidoa.jpg) top left no-repeat
}

body.contacto #content {
	width: 722px;
	background: url(http://www.artesdeayer.com/images/contenidob.jpg) top left no-repeat
}

body.gracias #content {
	width: 722px;
	background: url(http://www.artesdeayer.com/images/contenidoc.jpg) top left no-repeat
}
#bottom {
	width: 722px;
	height: 31px;
	background: url(http://www.artesdeayer.com/images/piee.jpg) top left no-repeat
}

p.intro {
	padding: 0;
	margin: 0 87px 15px 28px
}

p {
	padding: 0 22px 15px 28px
}
p.fin {
		font: 12px Optima, Palatino, Georgia;
	line-height: 22px;
	color: #0473FD;
}
h2 {
	font-size: 15px;
	margin: 0 0 15px 26px;
	color: #3C75D3
}

.center {
	text-align: center
}

br.clear {
	clear: both
}

ul#sites {
	width: 522px;
	margin: 0 0 0 22px;
	padding: 0;
	list-style-type: none
}

ul#sites li {
	display: inline;
	float: left;
	margin: 0 20px 20px 0;
}

ul#sites li a {
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -200em;
	width: 110px;
	height: 131px
}

ul#sites li a.nina {
	background: url(http://www.artesdeayer.com/images/retratos/6.jpg) top left no-repeat
}

ul#sites li a.bebe {
	background: url(http://www.artesdeayer.com/images/retratos/5.jpg) top left no-repeat
}

ul#sites li a.boda {
	background: url(http://www.artesdeayer.com/images/retratos/1.jpg) top left no-repeat
}

ul#sites li a.guapeton {
	background: url(http://www.artesdeayer.com/images/retratos/4.jpg) top left no-repeat
}

ul#sites li a.travieso {
	background: url(http://www.artesdeayer.com/images/retratos/2.jpg) top left no-repeat
}

ul#sites li a.coletas {
	background: url(http://www.artesdeayer.com/images/retratos/3.jpg) top left no-repeat
}

ul#sites li a.coletas {
	background: url(http://www.artesdeayer.com/images/retratos/3.jpg) top left no-repeat
}

ul#sites li a.mujer {
	background: url(http://www.artesdeayer.com/images/retratos/7.jpg) top left no-repeat
}

ul#sites li a.gorra {
	background: url(http://www.artesdeayer.com/images/retratos/8.jpg) top left no-repeat
}

ul#sites li a.bella {
	background: url(http://www.artesdeayer.com/images/retratos/9.jpg) top left no-repeat
}

ul#sites li a.casada {
	background: url(http://www.artesdeayer.com/images/retratos/11.jpg) top left no-repeat
}

ul#sites li a.simpatica {
	background: url(http://www.artesdeayer.com/images/retratos/18.jpg) top left no-repeat
}

ul#sites li a.sentado {
	background: url(http://www.artesdeayer.com/images/retratos/19.jpg) top left no-repeat
}

ul#sites li a.sonrisa {
	background: url(http://www.artesdeayer.com/images/retratos/15.jpg) top left no-repeat
}

ul#sites li a.patillas {
	background: url(http://www.artesdeayer.com/images/retratos/16.jpg) top left no-repeat
}
ul#sites li a.pareja {
	background: url(http://www.artesdeayer.com/images/retratos/17.jpg) top left no-repeat
}
ul#sites li a.hombre {
	background: url(http://www.artesdeayer.com/images/retratos/20.jpg) top left no-repeat
}
ul#sites li a.mujer {
	background: url(http://www.artesdeayer.com/images/retratos/21.jpg) top left no-repeat
}

ul.list {
	margin: 0 0 0 40px;
	padding: 0
}

ul.list li {
	margin: 0;
	padding: 0
}

#links {
	width: 400px;
	height: 115px;
	text-align: center
}

#links div a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -2000em;
	text-decoration: none;
}

div.ejemplos {
	display: inline;
	float: left;
	width: 167px;
	height: 52px;
	margin-left: 28px;
	background: url(http://www.artesdeayer.com/images/ejemplos.gif) 0 -52px no-repeat;
}

div.ejemplos a {
	background: url(http://www.artesdeayer.com/images/ejemplos.gif) top left no-repeat;
}

div.precios {
	display: inline;
	float: left;
	width: 166px;
	height: 52px;
	margin-left: 28px;
	background: url(http://www.artesdeayer.com/images/precios.gif) 0 -52px no-repeat;
}

div.precios a {
	background: url(http://www.artesdeayer.com/images/precios.gif) top left no-repeat;
}

div.contacto {
	display: inline;
	clear: left;
	float: left;
	width: 150px;
	height: 43px;
	margin-left: 50px;
	background: url(http://www.artesdeayer.com/images/contacto.gif) 0 -43px no-repeat;
}

div.contacto a {
	background: url(http://www.artesdeayer.com/images/contacto.gif) top left no-repeat;
}

div.resumen {
	display: inline;
	float: left;
	width: 166px;
	height: 43px;
	margin-left: 28px;
	background: url(http://www.artesdeayer.com/images/resumen.gif) 0 -43px no-repeat;
}

div.resumen a {
	background: url(http://www.artesdeayer.com/images/resumen.gif) top left no-repeat;
}

div.ejemplos span, div.precios span, div.contacto span, div.resumen span {
	display: block;
	margin: 0;
	padding: 0
}

div.ejemplos a:hover, div.precios a:hover, div.contacto a:hover, div.resumen a:hover {
	background-image: none
}

#left-content {
	display: inline;
	float: left;
	width: 522px
}

#nav {
	padding-top: 70px;
	margin-left: 542px
}

#nav a {
	display: block;
	width: 140px;
	margin-right: 20px;
	padding: 3px 5px
}

img.left {
	float: left;
	margin: 0 15px 0px 0;
	border: 0px solid #88BAF1
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
		
	kbd{
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}