/* CSS Document */

body {
	background-color:#090909;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cac8c8;

	
	
}

a {
	color:#cccccc;
}

a:hover {
	text-decoration:none;
}


h1 {	background-color:#ff00d8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color:#090909;
	font-weight:normal;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ff00d8;
	font-weight:bold;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ff00d8;
	font-weight:bold;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:200%;
	color:#ff00d8;
	font-weight:bold;
}

/* cabecera */

#title {
	margin:0 auto 0 auto;
	text-align:center;
	margin-bottom:25px;
}

#title p {
	font-variant:small-caps;
	letter-spacing:2px;
}

/* cabecera propiedades */

#title img {
	border:none;
}

/* THE AREA THAT CONTAINS ALL THE CONTENT OF THE WEBSITE */

#container {
	width:700px;
	margin:0 auto 0 auto;
}

/* THE SIDEBAR WITHIN THE CONTAINER */

#sidebar {
	width:200px;
	float:right;
}

#sidebar h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:200%;
	color:#ff00d8;
	border-bottom:0px dashed #ff00d8;
}

#sidebar p {
	line-height:20px;
}


/* THE MENU */

#menu {
	text-align:right;
}

#menu a {
	color:#ff00d8;
	background-image:url(imagenes/gif1.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	line-height:15px;
	text-decoration:none;
}

#menu a:hover {
	color:#ffff34;
	background-image:url(imagenes/gif0.jpg);
}


/* THE AREA NEXT TO THE SIDEBAR */

#content {
	margin-right:180px;
	padding-right:20px;
	border-right:1px solid #ff00d8;
	background-image:url();
	background-position:right;
	background-repeat:repeat-y;
}

#content h1 {
	font-family:"Trebuchet MS", Arial, Verdana;
	text-align:left;
	font-size:200%;
	color:#ff00d8;
	border-bottom:1px dashed #ff00d8;
	padding-top:15px !important;
	padding-top:0;
	background-image:url();
	background-position:top right;
	background-repeat:no-repeat;
}
#content h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:100%;
	color:#cccccc;
	border-bottom:0px dashed #ff00d8;
}
#content p {
	line-height:20px;
	text-indent:15px;
}

#content ol,ul {
	line-height:25px;
}

# li {
	list-style-image:url();
}
#content a {
	color:#ff00d8;
	background-image:url();
	background-position:left;
	background-repeat:no-repeat;
	padding-right:10px;
	line-height:15px;
	text-decoration:none;
}
#content a:hover {
	color:#ffff34;
	background-image:url();
}

/* THE FOOTER */

#footer {
	width:700px;
	margin:0 auto 0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#ff00d8;	
	text-align:center;
	border-top:1px dashed #ff00d8;
}

/* thumbnails */
#p.thumbs{ padding: 12px 0 0 10px; }

.thumbs img {
	position: relative;
	padding: 4px;
	margin: 5px;
	background: #ff00d8;
	border: 1px solid #ff00d8;
	background-color: #ffff34;
}
.thumbs img:hover	{
	border: 1px dotted #ffff34;
	background: url();	
}
.thumbs a:hover { background: transparent; border: none }
a{
z-index:10;
}
a:hover{
position:relative;
z-index:100;
}
a span{
display:none;
}
a:hover span{
display:block;
position:absolute;
float:top;
white-space:nowrap;
top:3.2em;
top:1.5em;
background:#090909;
border:1px dashed #ff00d8;
color:#ffff34;
padding:1px 5px;
z-index:10;
}

.Estilo1 {font-size: xx-small}




