/* CSS Document */

a img {
	text-decoration: none;
	border: none;
}
li {
	font-size: 0.8em;
	margin-left: -1em;
	list-style-type: square !important;
	padding-left: -0.3em;
}

h1 {
	font-size: 0.6em !important;
	
}
#content {
	position: relative;
	background-color: #FFFFFF;
	height: 36em;
	width: 100%;
	min-width: 65%;
	z-index: 0;
	overflow: auto;
}
#content h2 {
	color: #FF80c0;
	background-color: transparent;
	font-family: Arial;
	font-size: 0.8em;
	margin-right: 60px;
}

#content h2 a:link {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline;
}

#content h2 a:hover {
	color: #ff80c0;
	background-color: transparent;
	text-decoration: underline;
}

#content p {
	margin-left: 0.8em;
	margin-right: 0.3em;
	font-size: 0.8em;
	font-weight: bold;
}
#content a img {
	border: none;
	text-decoration: none;
}

#Layer1 {
	position: absolute;
	width: 30%;
	height: 40%;
	z-index: 1;
	left: 2%;
	top: 2em;
	background-color: #c0c0ff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	float: left;
	visibility: visible;
	overflow: auto;
	background-image: url(../img/layer1.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	
}


#Layer2 a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}

#Layer2 {
	position: absolute;
	width: 30%;
	height: 40%;
	z-index: 2;
	left: 34%;
	top: 2em;
	background-color: #8080ff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	float: right;
	visibility: visible;
	overflow: auto;
}
#Layer2 {
	background-image: url(../img/layer2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	
}

#Layer3 {
	position: absolute;
	width: 30%;
	height: 40%;
	z-index: 3;
	left: 66%;
	top: 2em;
	background-color: #4040ff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	float: right;
	color: #FFFFFF;
	visibility: visible;
	overflow: auto;
	background-image: url(../img/noticias.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	
}
#Layer3 a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
	overflow: auto;
}

div.sindica {
	background-color: transparent;
	color: #4040ff;
	text-align: right;
}

a#xml img {
	background: url(../img/xmlbuttongray.gif) no-repeat top left;
}
a#html img {
	background: url(../img/htmlbuttongray.gif) no-repeat top left;
}
a#standar img {
	background: url(../img/feed-icon-grey.png) no-repeat top left;
}
a#xml:hover img {
	background: url(../img/xmlbuttonorange.gif) no-repeat top left;
}
a#html:hover img {
	background: url(../img/htmlbuttonorange.gif) no-repeat top left;
}
a#standar:hover img {
	background: url(../img/feed-icon-standar.png) no-repeat top left;
}


#Layer4 {
	position: absolute;
	width: 30%;
	height: 50%;
	z-index: 4;
	left: 2%;
	top: 44%;
	background-color: #c0c0ff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	float: left;
	visibility: visible;
	overflow: auto;
	background-image: url(../img/mundomano2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	
}

#Layer5 {
	position: absolute;
	width: 30%;
	height: 50%;
	z-index: 5;
	top: 44%;
	left: 34%;
	background-color: #8080ff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	float: right;
	visibility: visible;
	overflow: auto;
	background-image: url(../img/pareja.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#Layer5 a:link {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}
#Layer6 {
	position: absolute;
	width: 30%;
	height: 50%;
	z-index: 6;
	left: 66%;
	top: 44%;
	background-color: #4040ff;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-top: 1em;
	float: right;
	visibility: visible;
	overflow: auto;
	background-image: url(../img/hombre2.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#Layer6 a:link {
	color: #FFFFFF;
	text-decoration: underline blink;
}