/* CSS Document */
body {
margin-top:0;
padding:0; 
text-align:center;
background-image:  url(imagenes/backgroundTile.gif); 
} 

#content { 
text-align:left; 
margin: auto;
/*padding: 0;*/
background-image: url(imagenes/interface_fondo.png) ;
width:970px; 
height:auto; 
} 

#cabecera { 
width: 485px; 
height:126px;
background-color: #2B0806;
background-image: url(imagenes/index_cabecera1.png); 
float:left; 
} 
#cabecera2 { 
width: 485px; 
height:93px;
background-color: #2B0806;
background-image: url(imagenes/index_cabecera2.png);
background-repeat:no-repeat;
float:left;
padding: 33px 0 0 0;
}
#menu { 
width:970px; 
height:40px; 
float:left;
background-image: url(imagenes/menu_fondo.gif);
background-repeat: no-repeat; 
} 

#separador { 
width:970px;
height:20px;
float:left;
background-image:url(imagenes/interface_fondo.png);
}

#google { 
clear: both;
width:810px;
height:100px;
float:left;
padding-left:41px;
}

#banners{
width:160px;
float:right;
}

#contenido { 
width:810px; 
float:left;
} 

#googleabajo { 
width:929px;
height:100px;
float:left;
background-image:url(imagenes/interface_fondo.png);
padding-left:41px;
}

#menuabajo {
clear:both; 
width:810px;
height:30px;
float:left;
background-image:url(imagenes/interface_fondo.png);
}

#separador2 { 
width:970px;
height:20px;
float:left;
background-image:url(imagenes/interface_fondo.png);
}

#pie { 
clear:both; 
width:970px; 
height:54px;
background-color:#722622;
background-image:url(imagenes/index_pie.png);
}

#pie p{
margin: 15px 0 0 5px;
font-family:Trebuchet MS, Arial;
color:#FFFFFF;
font-weight:400;
}

#pie1 {
float:left;  
width:170px; 
height:54px;
}

#pie2 {
float:right; 
width:800px; 
height:54px;
}

p{
margin: 10px 20px 0 20px;
font-family:Trebuchet MS, Arial;
color:#FFFFFF;
font-weight:400;
}

h1 {
color: #0099FF;
margin-left:20px;
padding-top:10px;
font-family:Trebuchet MS, Arial; 
font-weight:400; 
}

h2 {
color: #0099FF;
margin-left:20px;
padding-top:5px;
font-family:Trebuchet MS, Arial;
font-weight:400;
}

h3 {
color: #0099FF;
margin-left:20px;
padding-top:5px;
font-family:Trebuchet MS, Arial;
font-weight:400;
}

.input{border: #fff  1px solid;  font-family:Verdana 12px; color:#fff;  background-color: #C00; font-weight: bold;}
.input:hover{background-color:#0099FF;}

.style1 {color: #0099FF; text-decoration:none;}
.style1 a{color: #0099FF; text-decoration:none;}
.style1 a:hover{color: #FF9900;}

.style2 {color: #0099FF; font-size:15px; font-family: Trebuchet MS, Arial; margin-top:5px;}
.style2 a{color: #0099FF; text-decoration:none; }
.style2 a:hover{color: #FF9933; }

.style3 {color: #FFFFFF; font-size:18px; font-family: Trebuchet MS, Arial; margin-top:5px;}
.style3 a{color: #FFFFFF; text-decoration:none; }
.style3 a:hover{color: #FF9900; }

/*//////////////////////////////menu////////////////////////////*/

.bevelmenu{
font: bold 13px Trebuchet MS;
padding: 10px 0 0 10px;
margin: 0;
width: 100%;
text-align: left; 
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 10px 3px 10px;
text-decoration: none;
color: #FFFFFF;
border: 1px solid  #FFFFFF;
}

.bevelmenu li a:hover{
color: #FFFFFF;
background-color: #CC0000;
border-style: outset;
}

html body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}