/* CSS Document */
/*****************************************************************************/
/* Fonts and Headings*/
/*****************************************************************************/

body {
	font: 12px/1.5em "arial";
	font-family: arial;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: white;
	background-image: url(images/mainbackground_old.jpg);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
	}

li {
	font-size: 10px;
	margin-right: 0px;
	text-align: left;
	line-height: 12px;
}

ul {
 color: blue;
}

h1 {
margin-top: 15px;
}

td {
vertical-align: top;
}
 

/*****************************************************************************/
/* links */
/*****************************************************************************/
a:link {
	color: blue;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #FFCC66;
}
a:active {
	color: #000000;
}


/*****************************************************************************/
/* backgrounds & layout*/
/*****************************************************************************/

.slim {
width: 890px; height: 90px; vertical-align: top; margin-left: auto; margin-right: auto;
}
.left {
width: 340px; float: left;
}
.right {
width: 500px; float: right; font-size: 9px; text-align: right;
}

.content {
width: 876px; border-left: white 2px solid; border-right: white 2px solid; border-top: 0px; padding-left: 5px; padding-right: 5px; padding-top: 7px; background: url(images/grayscale.jpg); background-repeat: repeat-x; background-position: top; background-color: white; vertical-align: top; margin-left: auto; margin-right: auto;
}	

.heading {
width: 890px; height: 41px; clear: both; background: url(images/headback.gif); background-repeat: repeat-x; background-position: top; padding-top: 5px; vertical-align: top; margin-left: auto; margin-right: auto; display: block; color: white; font-size: 16px; text-align: left; font-weight: bold;
	}
	
/*****************************************************************************/
/* clases miscelaneas */
/*****************************************************************************/

.nounder {
	text-decoration: none;
	}

.content p {
	text-align: justify;
}

.titles {
	text-align: left;
	font-size: 16px;
	padding-left: 4px;
	margin-top: 15px;
}

.border {
	border-right: #CCCCCC dotted 2px;
	}
.headline {
	border-right: #CCCCCC dotted 2px; float: left; width: 18%; text-align: center;
	}
 div.imagen_efecto {
	width:100%;
	height:1000px;
	top:0px;
	left:0px;
	position:absolute;
	background-color:#333333;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index: 10000;
 }
 .class_btn{
 z-index:1;
 position:absolute; 
 left:72%; 
 cursor:pointer;
 }