/* CSS Document */


html, body  
{
 margin:0;
 padding:0;
 border:0;
 line-height: 1.4em;
}


body{
background:#eee url("../img/fondo2.jpg") repeat-x;
font-family: Verdana, Arial,  "Trebuchet MS", sans-serif;
font-size: 12px;
}

h1{
font-size:20px;
padding:0;
margin:0;
line-height: 1.2em;
color:#999;
font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
} 


h2{
font-size:14px;
color:#000;
padding:0;
margin:0;
} 


h3{
font-size: 14px;
color:#000;
font-weight: bold;
}

/*MENÚ CABECERA*/
.menu{
width:920px;
padding:105px 0px 0px 0px;
height:50px;
}

.menu ul{
margin:0 0 0 80px;
padding:0;
list-style:none;
float:left;
height:auto;
width:100%;
}

.menu ul li{
float:left;
}

.menu ul a{
color: #fff;
padding: 10px 50px 0px 50px;
font: 16px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
}

.menu ul a:hover {
color:#09f;
}
 
.menu ul li ul{
display:none;
background:#000;
padding:5px 0 20px 0;
margin:0 40px;
position:absolute;
}

.menu ul li ul li{
float:none;
position:relative;
display:block;
}

.menu ul li ul a{
font-size:13px;
float:left;
margin:0;
padding:0 10px;
line-height:2.1em;
}
 
.menu ul li:hover ul{
display:block;
clear:both;
width:auto;
}

.menu ul li:hover ul li a:hover{
color:#09f;
}
/*FIN MENÚ CABECERA*/


#contenedor{
width: 920px;
margin:auto;
} 


#contenedor img{
border:0;
}

#cabecera{
text-align: center;
width: 920px;
min-height: 150px;
height:auto;
}

#cabecera a.inicio{
width:100%;
min-height:100px;
height:auto;
margin:0;
padding:0;
float:left;
}

#cuerpo{
width: 920px;
float: left;
text-align:justify;
margin-top:20px;
}

span.facebook{
float:right;
margin:0;
padding:0;
background-color:#fff;
outline: 2px solid #ccc;
}

div.presentacion{
width:590px;
height:auto;
float:left;
padding:10px;
margin:0 20px 5px 0;
background:#fff url("../img/barra.jpg") repeat-x top left;
outline: 2px solid #ccc;
}

div.presentacion.hobbyvan{
min-height:250px;
width:700px;
}

div.presentacion.hobbyvan span.logo{
float:right;
margin:10px 0px;
padding:0;
}

div span.flash{
float:left;
margin: 15px 5px 0 0;
padding:0;
}

div.presentacion h1{
color:#fff;
min-height:25px;
height:auto;
width:auto;
padding:0;
margin:-7px 0 0 0;
}

div.opciones{
width:100%;
float:left;
height:auto;
margin:30px 0 0 0;
padding:0 0 2px 0;
}

div.opciones.industrial{
width:740px;
margin:10px 0 0 0;
}

.fondo{
background:#fff;
}

div.galeria{
height:auto;
float:left;
margin:0 0 20px 0;
padding:0;
text-align:justify;
width: 290px;
outline: 2px solid #ccc;
background:#fff url("../img/barra.jpg") repeat-x top left;
font-size:11px;
}

div.galeria.imagen{
margin:0 25px;
}

div.galeria h2{
font-size:13px;
color:#fff;
min-height:25px;
height:auto;
width:auto;
padding:0;
margin:5px 0 0 5px;
}

div.galeria p{
margin:5px 10px;
}

div.industrial{
height:auto;
float:left;
width:auto;
margin:15px 0 10px 0;
padding:0;
text-align:left;
}

div.industrial.furgo{
width:200px;
margin:15px;
}

#cuerpo ul{
padding:0 0 0 10px;
margin:auto;
list-style:none;
height:auto;
width:auto;
}

#cuerpo ul.numeros{
list-style:decimal;
margin:0 0 0 10px;
}

#cuerpo ul.lista{
list-style:square;
margin:0 0 0 10px;
}

#cuerpo li{
width:100%;
padding:0;
text-align:justify;
}

div.bloque{
width:160px;
height:auto;
text-align:justify;
font-size: 11px;
float:right;
padding:0;
margin:0 0 10px 20px;
outline: 1px solid #ccc;
background:#fff url("../img/barra.jpg") repeat-x top left;
}

div.bloque h2,
div.bloque h3{
color:#fff;
min-height:25px;
height:auto;
width:auto;
padding:0;
margin:5px 0 0 5px;
}

div.bloque img{
float:left;
padding:0 0 10px 0;
margin:0;
}

div.bloque p{
margin:5px;
}


div.bloque_redes{
  width:160px;
  height:auto;
  text-align:right;
  font-size: 11px;
  float:right;
   padding:0;
margin:0px 0 0 10px 20px;

background:#eeeeee;
}

a:link, a:visited, a:active{
text-decoration: none;
color:#6699CC;
} 

a:hover{
text-decoration: underline;
}

a:link.enlace_pie, a:visited.enlace_pie, a:active.enlace_pie {
  color:#fff;
  text-decoration: none;
} 

a:hover.enlace_pie{
color:#fff;
text-decoration: underline;
}

a:link.enlace_creditos, a:visited.enlace_creditos, a:active.enlace_creditos {
  color:#ffffff;
  text-decoration: none;
} 

a:hover.enlace_creditos{
  color:#000000;
  text-decoration: underline;
}


#pie{
background: #000 url("../img/fondopie.jpg") repeat-x;
min-height:270px;
height:auto;
width: 100%;
margin: auto;
padding:0;
float:left;
}

#pie div.contenido{
width:920px;
margin: auto;
padding: 120px 0px 0px 0px;
line-height: 1.4em;
color:#999;
height:auto;
margin:auto;
}

#pie span.logo{
float:left;
margin:-70px 10px 0 0;
padding:0;
}

div.contenido ul{
list-style:none;
width:290px;
}

div.contenido p{
margin:22px 0 0 0;
padding:0;
font-size:14px;
color:#09f;
}

div.contenido li{
width:auto;
height:auto;
margin:0;
padding:0;
}

div.contenido li a{
margin:0;
font-size:11px;
}

div.contenido ul.lista{
margin:5px 0 20px 15px;
float:left;
padding:0;
height:auto;
}

div.contenido ul.lista li{
list-style:square;
padding:0 0 0 5px;
}

div.contenido h3{
font-size:14px;
color:#09f;
font-weight:bold;
margin:22px 0 0 0;
padding:0;
}

div.visto,
div.datos{
float:left;
padding:0;
margin:0;
color:#fff;
line-height:1.7em;
height:auto;
width:auto;
}

div.datos{
float:right;
}

div.datos h3{
margin-bottom:12px;
}

div.datos p{
margin:0 0 10px 0;
padding:0;
color:#fff;
font-size:12px;
}

div.datos span.imagen{
float:left;
margin:0 5px 0 5px;
padding:0;
}

div.texto{
min-height:50px;
width:100%;
height:auto;
float:left;
margin:auto;
background:#999;
font-size:11px;
}

div.texto p{
text-align:center;
}

div.texto span{
margin-left:205px;
}