@font-face {


    font-family: 'BebasNeueRegular';


    src: url('fonts/BebasNeue-webfont.eot');


    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),


         url('fonts/BebasNeue-webfont.woff') format('woff'),


         url('fonts/BebasNeue-webfont.ttf') format('truetype'),


         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');


    font-weight: normal;


    font-style: normal;


}



* {
margin: 0;
padding: 0;
}
html, body {
	background-color: #000;
	height: 100%;
	overflow-y: hidden;


	overflow-x: hidden;


}

#wrap {
min-height: 100%;
}

#main {
overflow: auto;
padding-bottom: 35px;
text-align: center;
}

#menu {
position: absolute;
margin-top: 0px;
clear: both;
text-align: center;
width: 100%;
z-index:100;
}

img {
vertical-align:text-top;
} 

#pie {
position: relative;
margin-top: -95px;
height: 95px;
clear: both;
padding: 0px;
width: 100%; 
text-align: center;
font-family: Arial;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*Opera Fix*/
body:before {
content: "";
height: 100%;
float: left;
width: 0;
margin-top: -32767px;/* Efecto Negativo para OPERA*/
}

a:link {color:#CCCCCC;text-decoration:none;}
 a:visited {color:#CCCCCC;text-decoration:none;}
 a:hover {color:#FFFFFF;text-decoration:underline;}
 a:active {color:#FFFFFF;text-decoration:none;}

#capa1{
font-family: 'Pathway Gothic One', sans-serif;
font-size: 16px;
z-index:1;
position: absolute;
margin-left:auto;
margin-right:auto;
top: 35px;
left:0;
right:0;
width: 680px;
background-color: #000000;
color: #ffffff;
padding: 1em;
filter: alpha(opacity=80);
-khtml-opacity: 0.80;
-moz-opacity: 0.8;
opacity: 0.80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-box-shadow: 0 0 20px #ccc;
-webkit-box-shadow: 0 0 20px #ccc;
box-shadow: 0 0 20px #ccc;
}

#capa2, #capa7 { 
font-family: 'Pathway Gothic One', sans-serif;
font-size: 16px;
text-align: justify;
overflow: auto;
z-index:1;
position: absolute;
margin-left:auto;
margin-right:auto;
top: 35px;
left:0;
right:0;
width: 850px;
background-color: #000000;
color: #ffffff;
padding: 2em;
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-moz-box-shadow: 0 0 20px #ccc;
-webkit-box-shadow: 0 0 20px #ccc;
box-shadow: 0 0 20px #ccc;
}


#capa3, #capa4, #capa5 {
font-family: 'Pathway Gothic One', sans-serif;
font-size: 16px;
text-align: justify;
overflow: auto;
z-index:1;
position: absolute;
margin-left:auto;
margin-right:auto;
top: 35px;
left:0;
right:0;
width: 875px;
background-color: #000000;
color: #ffffff;
padding: 2em;
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-moz-box-shadow: 0 0 20px #ccc;
-webkit-box-shadow: 0 0 20px #ccc;
box-shadow: 0 0 20px #ccc;
}


#capa6{
font-family: 'Pathway Gothic One', sans-serif;
font-size: 16px;
text-align: justify;
overflow: auto;
z-index:1;
position: absolute;
margin-left:auto;
margin-right:auto;
top: 35px;
left:0;
right:0;
width: 650px;
background-color: #000000;
color: #ffffff;
padding: 2em;
filter: alpha(opacity=75);
-khtml-opacity: 0.75;
-moz-opacity: 0.75;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-moz-box-shadow: 0 0 20px #ccc;
-webkit-box-shadow: 0 0 20px #ccc;
box-shadow: 0 0 20px #ccc;
}