
body {
background-color:#000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
#banner{
position:relative;
z-index:2;
width:612px;
height:108px;
left:130px;
right:25px;
top:10px;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
height:700px;
margin-bottom: 10px;
margin: 0 auto;
background-color:#000000;
}
/*----------------------------img fondo-----------------------*/
#fondo3
{
z-index:1;
background-image:url(images/tango3.jpg);
background-repeat:no-repeat;
margin:0 auto;
position:absolute;
display:block;
top:0px;
width:900px;
height:710px;}
#fondo2
{
z-index:1;
background-image:url(images/tang.jpg);
background-repeat:no-repeat;
margin:0 auto;
position:absolute;
display:block;
top:0px;
width:900px;
height:710px;}

#fondo1
{
z-index:1;
background-image:url(images/tango2.jpg);
background-repeat:no-repeat;
margin:0 auto;
position:absolute;
display:block;
top:0px;
width:900px;
height:710px;}

/*------------------------contenido-------------------------------*/
#contenido
{
z-index:4;
position:absolute;
margin:20px;
top:180px;
width:860px;
height:480px;
color:#FFFFFF;
vertical-align:middle;}
/*-------------------------------giro------------------------------*/
#giro{
-moz-opacity:0.5 ;
opacity: .5;
filter: alpha(opacity=50);
z-index:4;
position:absolute;
top:32px;
left:235px;
border-style:groove;
border-color:#FF0000;
border-width:medium;}
/*--------------------------botones-------------------------------*/
.link a{
z-index:2;
display:block;
text-decoration:none;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
vertical-align:middle;
width:100px;}
.link a:hover{
color:#CC0000;}
.link a:active{
color:#000000}
#posb0{
position:absolute;
top:140px;
left:190px;}
#posb1{position:absolute;
top:140px;
left:270px;}
#posb2{position:absolute;
top:140px;
left:350px;}
#posb3{position:absolute;
top:140px;
left:430px;}
#posb4{position:absolute;
top:140px;
left:510px;}
#posb5{position:absolute;
top:140px;
left:590px;}
#posb6{position:absolute;
top:140px;
left:670px;}
#posb7{position:absolute;
top:140px;
left:750px;}
/*---actividades-----------------------*/
h2
{
font-family:"Courier New", Courier, monospace;
color:#FFFFCC;
font-weight:bold;
text-align:center;
font-size:16px;}
p
{
font-family:"Courier New", Courier, monospace;
color:#FFFFCC;
text-align:center;
font-size:12px;
}
