body {
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  h1.titulo_oculto {
	display: none;
   }

.titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	letter-spacing: 0.1em;
	color : #646464; /*#003366;*/
	text-align: left;
    margin-top: 0px;
    border-bottom: 1px solid #dedede;
  	font-weight : bold;
}

.cabecera-izq {
    float:left;
    top: 0px;
    height: 80px; /* Este valor es el que corta el texto del contenido a la misma altura que la primera opción de menú */
    width:245px;
    background-image: url(http://www.europasobreruedas.com/img/cabecera.gif);
    background-position: left;
    background-repeat: no-repeat;
    background-color: white; /* si no, en Mozilla se podría llegar a mostrar el texto bajo la cabecera */
    text-align: left;
}

.cabecera-der {
    display:none;
}

#texto1_cabecera {
  position: absolute;
  top:52px;
  left: 20px;
  display: table-cell;
  vertical-align: bottom;
  clear: both;
  font-family: Verdana, Arial, Helvetica, sans-serif ;
  font-size: 16px;
  word-spacing: 0.3em;

}
#texto1_cabecera a {
  text-decoration: none; /* si no, en el iExplorer saldría subrayado */
  color : #999999;
}
#texto2_cabecera {
  position: absolute;
  top:72px;
  left: 20px;
  display: table-cell;
  vertical-align: bottom;
  clear: both;
  font-family: Verdana, Arial, Helvetica, sans-serif, ;
  font-size: 0.75em;
  word-spacing: 0.3em;

}
#texto2_cabecera a {
  text-decoration: none; /* si no, en el iExplorer saldría subrayado */
  color : #AAAAAA;
}

div.menu {
    float: left;
    width: 20%;
    margin-top: 15px;
    margin-left: 1%;
    margin-bottom: 1%;     /* margen de separación con el pie, si el contenido del texto es corto */
}

  .left-alemania {
    display:none;
}

  .left-belgica {
    display:none;
  }

  .left-informacion-general {
    display:none;
  }


/* ESTA RELACIONADO CON CONTENIDO_TEXTO */
.centro {
    float:left;
    width:90%;
}

/* BARRA SUPERIOR ***********************************************************/
.centro-barra {
    display:none;
}

.centro-barra A {
	text-decoration: none;
	padding: 2px 3px 2px 3px;
    color: #333399;
}

.centro-barra A:link {
	border-color: #f1f5f8;
}

.centro-barra A:hover, p.menu A:active {
	border-color: #d8e5ea;
    color:#cc3300;
}

.centro-barra A:visited {
	border-color: #F1F5F8;
    color: #990099;
}
/* FIN DE BARRA SUPERIOR ****************************************************/


/* CONTENIDO ***********************************************************/

.contenido {
    border: 1px solid #D8E5EA;
    margin: 2% 3% 2% 3%;
    padding: 5px 1%;
}

.centro-fotografia { /* estilo para las páginas que sólo muestran una fotografía en grande */
    margin:10px 10px 0 10px;
    padding:5px;
}

.contenido_iconos_bajo_titulo{
    font-size: 0.60em;
	color : #646464;
    margin:0 0 30px 0; /* margen debajo para que no se pegue al texto que viene a continuacion */
}

.contenido_iconos_bajo_titulo-left{
    font-size: 0.60em;
    position:absolute;
    text-align: left;
}

.contenido_iconos_bajo_titulo-right{
    font-size: 0.60em;
    text-align: right;
}

.contenido_texto {
    line-height: 185%;
	font-size: 0.75em;
	color : #646464;
	text-align: left;
	width:98%; /* Lo he puesto para poder poner columnas en NOTICIAS. ESTA RELACIONADO CON .CENTRO */
}

/* FIN DE CONTENIDO *******************************************************/

.right {
    display:none;
}

.right-titulo {
	text-align:center;
    padding:1%;
}

.anuncio {
    display:none;
}

.pie {
	display: none;
  }

div.separador_hor {
	height: 1px; /* Altura de un separador horizontal */
    width: 95%; /* Ancho de un separador horizontal  */
  	background: url("../img/fondocolh.gif") repeat-x center;
	font-size: 1px; /* "Arreglo" para el Internet Explorer */
	padding: 5px 5px 5px 5px;
}

h1.contenido_titulo_oculto {
	display: none;
   }



  H2 {
	font-size: 0.81em;
	letter-spacing: 0.1em;
	color : #646464;
	text-align: left;
    margin-top: 0px;
	margin-bottom: 3px; /* Para que no deje mucho espacio debajo de un título */
    border-bottom: 1px solid #dedede;
  	font-weight : bold;
	/* text-transform:uppercase; */
}

  H3 {
	font-size: 0.75em;
	letter-spacing: 0.1em;
	text-align: left;
    margin-top: 0px;
	margin-bottom: 3px;  /* Para que no deje mucho espacio debajo de un título */
  	font-weight : bold;
}

  H4 {
	font-size: 0.75em;
	letter-spacing: 0.1em;
	text-align: left;
    margin-top: 0px;
	margin-bottom: 3px;  /* Para que no deje mucho espacio debajo de un título */
  	font-weight : bold;
}


/*-----------------------------*/
/* estilos para los enlaces  */
A.normal {	font-size: 12px; color: #333399; }
A.normal:hover, A.normal:active { color:#cc3300; }
A.normal:visited {  color: #990099;}

A.peq {	font-size: 0.60em; color: #333399; }
A.peq:hover, A.peq:active { color:#cc3300; }
A.peq:visited {  color: #990099;}


/*------------------------------------*/
/* estilos para los enlaces del menú */

/*------------------------------------*/
/* estilos para los enlaces del menú */
p.menu A {

	text-decoration: none;
    display:block;
	padding: 2px 3px 2px 3px;
    color: #333399;
	background-color: #F1F5F8;
}

p.menu A:link {
	border-color: #f1f5f8;
	background-color: #F1F5F8;
}

p.menu A:hover, p.menu A:active {
	border-color: #d8e5ea;
	background-color: #F1F5F8;
    color:#cc3300;
}

p.menu A:visited {
	border-color: #F1F5F8;
	background-color: #F1F5F8;
    color: #990099;
}

p.menu {
	text-align: left;
	text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.60em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
   	padding: 0px; /* Relleno de margen */
	margin: 0 0 0 0;
	background-color: #F1F5F8;
}

p.menu-titulo {
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.60em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
   	padding: 3px 0 2px 4px;
	margin: 0px 0px 5px 0px;
	background-color: #d8e5ea;
    border-bottom: 1px solid #dedede;
  }

/*------------------------------------¡---*/
/* estilos para los anuncios patrocinados */

 .anuncio A {
    border: 1px solid;
	text-decoration: none;
    display:block;
	padding: 2px 3px 2px 3px;
    color: #333399;
	background-color: #F1F5F8;
}

 .anuncio A:link {
	border-color: #f1f5f8;
	background-color: #F1F5F8;
}

 .anuncio A:hover, .anuncio A:active {
	border-color: #d8e5ea;
	background-color: #F1F5F8;
    color:#cc3300;
}

 .anuncio A:visited {
	border-color: #F1F5F8;
	background-color: #F1F5F8;
    color: #990099;
}

p.anuncio, p.anuncio_sin_enlace {
	text-align: left;
	text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:small;
	letter-spacing: 0.1em;
	text-transform: uppercase;
   	padding: 0px; /* Relleno de margen */
	margin: 0px 0px 0px 0px;
	background-color: #F1F5F8;
}


/* Estilos para FORMULARIOS */
fieldset {
  padding: 10px;
  border: 1px solid #bbbbbb;
  background-color: #F9f9f9;
  width:90%;
}

fieldset legend {
  padding: 0 10px 0 10px;
  border: 1px solid #bbbbbb;
  background-color: #F9f9f9;
  font-weight: bold;
}

fieldset input{
  padding: 3px;
  border: 1px solid #bbbbbb;
}

fieldset textarea{
  padding: 3px;
  border: 1px solid #bbbbbb;
}

.boton {
  border: 1px solid #bbbbbb;
  background-color: #F9f9f9;
}

hr {
	background-color: #dedede;
	color:#dedede;
	height: 1px;
	width: 99%;
	border:0px;
	margin:1px;
}


/* Enlace externo a la web */
A.enlace-externo {
	text-decoration: none;
	/* background: transparent url("../img/enlace-externo.gif") no-repeat 100% 50%;*/
}

ul,ol {
	margin-left: 6px;  /* antes estaba a 12 y lo he puesto a 6 pq queda justo debajo de al letra de arriba */
	padding-left:10px;  /* antes estaba a 12 y lo he puesto a 10 pq queda justo debajo de al letra de arriba */
	margin-top:0px;

}

/* alineación */

.justificar {
	text-align: justify;
}

.alinear-centrar {
	text-align: center;
}

.alinear-derecha {
	text-align: right;
}

.alinear-izquierda {
	text-align: left;
}


/* Estilo general para las fotos. Deja muy poco margen a la izquierda */
.fotos{
	padding: 10px 10px 10px 2px;
}


/* Lo utizo para poner pies de páginas. Por ejemplo todos los pies de vehículos nuevos */
.asterisco {
	font-size: 0.68em;
    line-height: 150%;
}