body {
	text-align: center;

	background-color:#2d0402;
	
	
}
.wrapper {
	position: relative;
	width: 800px;
	font-size: 1.1em;
	margin: 0 auto 0px;
	text-align: left;
	color:#FFFFCC;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.header {
	height: 250px;
	width:800px;
}

.footer {

	width: 800px;
	margin: 0;
	background-image: url(../images/menu/dr.png);
	background-repeat: no-repeat;
	background-position: center;
	}
.footer a {
	color: #fff;
	text-decoration: underline;
	border: 0;
}
.footer p {

	bottom: 4px;
	width: 800px;
	padding: 0;
	color: #fff;
	font: 0.8em arial,sans-serif;
	text-align: center;
}



h1 {
	text-indent: -500em;
}


h3 {
	padding: 0 0 0.6em;
	font-size:18px;
	font: helvetica,arial,sans-serif;
	color:#FFFFCC;
	text-shadow:0 0 0.4em #cc0000, 0 0 0.9em #ffcc66;
	height: 18px;
	filter: Shadow(Color=#cc0000,Direction=-90,Strength=0.9em);
	/* Needed for Gecko */
	line-height: 2em;
	white-space: nowrap;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 180px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 35px;
	background:url(../images/pin.png)  no-repeat;
}
.gallery a {
	text-decoration: none;
}




.banners {
	list-style: none;
	margin: 0;
	padding: 0;
}
.banners li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 210px;
	height: 150px;
}
.banners img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.banners span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 75px;
	background:url(../images/pin.png)  no-repeat;
}
.banners a {
	text-decoration: none;
}




.banners1 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.banners1 li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 210px;
	height: 90px;
}
.banners1 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.banners1 span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 75px;
	background:url(../images/pin.png)  no-repeat;
}
.banners1 a {
	text-decoration: none;
}






.wallpapers {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wallpapers li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 180px;
	height: 140px;
}
.wallpapers img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.wallpapers span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 75px;
	background:url(../images/pin.png)  no-repeat;
}
.wallpapers a {
	text-decoration: none;
}



.conoceme {
	list-style: none;
	margin: 0;
	padding: 0;
}
.conoceme li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 250px;
	height: 170px;
}
.conoceme img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.conoceme span {
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	top: -12px;
	left: 35px;
	background:url(../images/watercolor-top.png)  no-repeat;
}
.conoceme a {
	text-decoration: none;
}




.titulo {
	font-size:12px;
	font: helvetica,arial,sans-serif;
	color:#FFFFCC;
	font:bold;
}


/* default setup that everything sees */

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 0.4em 0.15em;
  padding: 0;
  color: #cc0000; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */


  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}



p {

	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;

}
a {
	color: #ffffcc;
	text-decoration: none;
	font:bold;
	
}

a:visited {
	color: #ff3333;
	font-weight:bold;
}

a:active {
	color: #FFFF99;
}


a:hover {
	color: #f8ec63;
	text-decoration:none;
}
strong {
	font-weight: normal;
}
.download {
	position: absolute;
	right: 0;
	top: 160px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/click_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#info p {margin-left:15px;}
/* defaults required for IE6 */


.disco
{

}

.disco img
{
width:200px;
height:200px;
border:0px;
}

.canciones
{
color:#FFFFCC;
font:Arial, Helvetica, sans-serif;
float:left;
}