*{
margin: 0 auto;
}

body{
background-color: #000000;
font-family: Arial, Helvetica, sans-serif;
}

h1{
font-size: 16px;
color: #fb6302;
text-align: left;
padding-top: 10px;
padding-bottom: 5px;
}

p{
color: #555555;
font-size: 12px;
text-align: justify;
line-height: 1.5em;
padding-bottom: 10px;
}

ul{
text-align: left;
color: #555555;
list-style-type: none;
}

#contenido_texto ul li{
list-style-type: none;
padding-bottom: 10px;
line-height: 1.5em;
}

a{
color: #fb6302;
text-decoration: none;
}

a:hover{
color: #990000;
}

#cabecera_sup{
width: 790px;
height: 51px;
background-image: url(../img/cab_sup.jpg);
background-repeat: repeat-x;
border-left: 1px solid #888F98;
border-right: 1px solid #888F98;
}

#logo{
float: left;
position: relative;
left: 15px;
top: 8px;
width: 184px;
height: 35px;
background-image: url(../img/logo_harley.jpg);
}

#fecha{
float: right;
position: relative;
width: 300px;
height: 15px;
top: 33px;
right: 15px;
color: #ffffff;
font-size: 10px;
text-align: right;
}

#cabecera{
width: 910px;
height: 136px;
background-image: url(../img/cabecera.jpg);
background-repeat: no-repeat;
}

#principal{
width: 790px;
min-height: 434px;
border-left: 1px solid #888F98;
border-right: 1px solid #888F98;
border-bottom: 1px solid #888F98;
background-color: #1E1F23;
overflow: hidden;
}

#franja{
width: 790px;
height: 8px;
background-color: #000000;
}

#menu_hor{
width: 790px;
height: 22px;
background-color: #888F98;
}

#franja_2{
width: 790px;
height: 3px;
background-color: #000000;
border-bottom: 1px solid #888F98;
}

#contenido_izq{
float: left;
width: 200px;
border-right: 1px solid #888F98;
min-height: 400px;
padding-bottom: 3000px;
margin-bottom: -3000px;
}

#menu_img_sup{
width: 170px;
height: 33px;
margin-top: 15px;
background-image: url(../img/menu_img_sup.png);
background-repeat: no-repeat;
border-bottom: 1px solid #888F98;
}

#menu_ver{
position: relative;
left: -40px;
/left: 0px;
width: 170px;
}

#menu_img_inf{
width: 170px;
height: 20px;
background-image: url(../img/menu_img_inf.png);
background-repeat: no-repeat;
}

#banner{
float: left;
position: relative;
left: 38px;
top: 15px;
width: 123px;
height: 164px;
padding-bottom: 30px;
}

#contenido_der{
float: left;
width: 589px;
min-height: 300px;
}

#contenido_img_sup{
width: 559px;
height: 33px;
margin-top: 15px;
background-image: url(../img/contenido_img_sup.png);
background-repeat: no-repeat;
}

#titulo{
float: left;
position: relative;
left: 15px;
top: 7px;
font-size: 16px;
font-weight: bold;
color: #D2D6DA;
}

#contenido{
width: 559px;
min-height: 250px;
background-color: #ffffff;
text-align: center;
padding-top: 20px;
}

#contenido_texto{
width: 529px;
min-height: 300px;
padding-bottom: 20px;
}

#contenido_img_inf{
width: 559px;
height: 20px;
background-image: url(../img/contenido_img_inf.png);
background-repeat: no-repeat;
padding-bottom: 20px;
}

#pie{
color: #D2D6DA;
font-size: 10px;
padding-top: 10px;
text-align: center;
}

#logo_ber{
position: relative;
top: -12px;
width: 790px;
text-align: right;
}

.recuadro{
width: 300px;
height: 20px;
background-color: #dddddd;
font-size: 12px;
padding-top: 5px;
margin-bottom: 15px;
}

.lista{
text-align: justify;
font-size: 12px;
padding-left: 20px;
}

/* Menú horizontal */

#menu_hor ul{
display: inline;
position: relative;
left: -25px;
/left: 15px;
}

#menu_hor ul li{
display: inline;
}

#menu_hor ul li a{
color: #ffffff;
text-decoration: none;
font-size: 10px;
}

#menu_hor ul li a:hover{
color: #f86203;
}


/* Menú vertical */

#menu_ver ul{
position: relative;
list-style: none;
}

#menu_ver ul li{
width: 170px;
height: 26px;
background-image: url(../img/menu_fondo.jpg);
border-bottom: 1px solid #888F98;
padding-top: 3px;
}

#menu_ver ul li.actual{
background-image: url(../img/menu_fondo_actual.jpg);
}

#menu_ver ul li a{
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #D2D6DA;
padding-left: 20px;
}

#menu_ver ul li a.actual{
color: #fb6302;
}

#menu_ver ul li:hover{
width: 170px;
height: 26px;
background-image: url(../img/menu_fondo_hover.jpg);
border-bottom: 1px solid #888F98;
padding-top: 3px;
}

#menu_ver ul li.actual:hover{
background-image: url(../img/menu_fondo_actual.jpg);
}
