*
{
padding:0;
margin:0;
}

html, body 
{
margin:0; 
padding:0; 
width:100%; 
height:100%; 
}

#background
{
background: url(don-lucho-fondo.jpg) no-repeat;
width:100%; 
height:100%; 	
position:absolute; 
z-index:-1;
}

#outer 
{
font-family:trebuchet ms;
font-weight:bold;
display:block; 
position:absolute;  
text-align:center; 
width:620px; 
margin:165px 325px;
}

#navigation 
{
background:transparent; 
margin:0 auto; 
overflow: hidden; 
}

#navigation ul 
{
margin:0; 
padding:0; 
list-style-type:none; 
background:transparent;
}

#navigation li 
{
display:block; 
float:left; 
margin:0 1px;
}

.snazzy 
{
background:transparent;
}

.snazzy span 
{
text-align:center; 
color:#fff; 
margin:0; 
}

.b1, .b2, .b3, .b4 
{
display:block; 
font-size:1px;
overflow: hidden; 
}

.b1, .b2, .b3 
{
height:1px;
}

.b2, .b3, .b4 
{
border-left:1px solid #fff; 
border-right:1px solid #fff;
}

.b1 
{
margin:0 5px; 
background:#fff;
}

.b2 
{
margin:0 3px; 
border-width:0 2px;
}

.b3 
{
margin:0 2px;
}

.b4 
{
height:2px;
margin:0 1px;
}

.boxcontent 
{
display:block; 
border-left:1px solid #fff; 
border-right:1px solid #fff;
}

a.menu, a.menu:visited 
{
display:block; 
text-decoration:none; 
width:7.6em;
}

a.menu:hover 
{
background:transparent; 
cursor:pointer;
}

a.menu:hover span 
{
padding-top:10px; 
background:#036;
}

a:menu:hover b 
{
background:#036;
} 

.red 
{
background:#c00;
}

.orange 
{
background:#f90;
}

.yellow 
{
background:#f1c90c;
}

.green 
{
background:#090;
}

.blue 
{
background:#00c;
}

.grey 
{
background:#036;
}

a:hover b.red 
{
background:#036;
}

a:hover b.yellow 
{
background:#036;
}

a:hover b.green 
{
background:#036;
}

a:hover b.blue 
{
background:#036;
}

a:hover b.orange 
{
background:#036;
}

.active 
{
padding-top:10px; 
background:#036; 
cursor:default;
}

.parrafo1
{
position:absolute; 
text-align:center;
margin-top:240px;
margin-left:330px;
font-size:14pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
width:600px;
}

.parrafo2
{
position:absolute; 
text-align:center;
margin-top:510px;
margin-left:80px;
font-size:13pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
width:450px;
}

.parrafo2b
{
position:absolute; 
text-align:center;
margin-top:530px;
margin-left:80px;
font-size:11pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
width:450px;
}

.parrafo3
{
position:absolute; 
text-align:center;
margin-top:250px;
margin-left:350px;
font-size:12pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
width:600px;
}

.parrafo4
{
position:absolute; 
text-align:center;
margin-top:210px;
margin-left:330px;
font-size:12pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
width:600px;
}

.parrafo5
{
position:absolute; 
text-align:center;
margin-top:210px;
margin-left:330px;
font-size:11pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
width:600px;
}

.metros ul
{
position:absolute; 
float:right;
text-align:left;
margin-top:280px;
margin-left:600px;
font-size:13pt;
font-family:trebuchet ms;
font-weight:bold;
color:#030c43;
line-height:25px;
width:300px;
list-style-type:none;
}

.toreo
{
background: url(toreo.png) no-repeat;
position:absolute; 
margin-top:285px;
margin-left:570px;
height:164px;
width:20px;
}

.franquicias
{
background: url("frankis.gif");
position:absolute; 
margin-top:370px;
margin-left:780px;
display: block;
width:240px;
height:132px;	
}

.franquicias:hover
{
background: url("frankis2.gif");
display: block;
width: 240px;
height: 132px;	
}

.franquicias:active
{
background: url("frankis.gif");
display: block;
width: 240px;
height: 132px;	
}


.pata
{
font-weight:bolder;
display:block;
position:absolute;
margin-top:630px;
margin-left:560px;
display:block; 
}


#en-pie
{
list-style-type:none;
font-family: Trebuchet MS;
text-align:right;
width:470px;
margin-top:5px;
}

em
{
color:orange;
}

#footer
{
position:relative;  
color:#030c43; 
font-size:8pt;
}

#en-pie a
{
font-family:Trebuchet MS;
text-decoration: none;
color:orange;
}

#en-pie a:hover
{
text-decoration: none;
color:red; 
}