/* inicio estilos800.css */

/* --------------------------------------------------------------------------------*/
/* ESTILOS PARA ELEMENTOS DE PÁGINAS A 800  */
/* --------------------------------------------------------------------------------*/

/* cabecera de 800 */

		#cabeceracorta {
			width: 758px !important;
            background-repeat: no-repeat;
            background-position: top right;
		}

		#cabeceracorta a:hover {
			text-decoration: underline;
		}

		#cabeceracorta img {
			float: none;
		}


		#cabeceracorta img.logoelmundoespequeno {
			float: left;
			margin: 6px 0 5px 10px;
		}

		#cabeceracorta img.logoseccion {
			float: left;
			margin: 6px 0 0 8px;
		}

		#cabeceracorta  ul {
			clear: none;
		}

		#cabeceracorta  ul,
		#cabeceracorta  ul li {
			margin: 0 !important;
			padding: 0 !important;
		}

		#cabeceracorta .menuprincipal {
			clear: both;
			width: 752px;
			padding: 0 0 0 6px;
		}

		#cabeceracorta .menuprincipal ul li a {
			text-transform: uppercase;
			text-decoration: none;
			display: block;
			float: left;
			padding: 2px 4px 3px 3px;
			border-right: 1px solid white;
			color: white;
		}

		#cabeceracorta ul.menumultimedia li a {
			text-transform: none;
		}

		#cabeceracorta .menuprincipal ul li {
			display: inline;
			border: 0;
			font: bold 9px Verdana,Arial,Helvetica,sans-serif;
		}

		#cabeceracorta .menuprincipal ul li a:hover {
			text-decoration: underline;
		}

		#cabeceracorta .menuprincipal ul.menusecciones {
			float: left;
		}

		#cabeceracorta .menuprincipal ul.menumultimedia li a {
			border-left: 0;
			padding-left: 8px;
			background-image: url(http://estaticos01.elmundo.es/elmundo/iconos/v2.1/bolilloblanco.gif);
			background-repeat: no-repeat;
			background-position: 3px 6px;
		}

		#cabeceracorta .menuprincipal ul.menumultimedia li a.menuvideos {
			border-right: 0;
		}

	/* buscador */

		#cabeceracorta .buscadorymas {
			clear: both;
			width: 100%;
			background-color: #F5F5F5;
			height: 23px;
			border-bottom: 1px solid #bbb;
		}

		#cabeceracorta .buscadorymas .buscador {
			padding: 0 0 0 9px;
			float: left;
		}

		#cabeceracorta .buscadorymas .buscador form {
			font: normal 9px Verdana,Arial,Helvetica,sans-serif;
			color: #A6A6A6;
			margin-top: 4px;
			* margin-top: 2px; /* para ie6 */
		}

		#cabeceracorta .buscadorymas .buscador form label,
		#cabeceracorta .buscadorymas .buscador form input {
			vertical-align: middle;
			margin: 0;
			color: #494949;
		}


		/* caja de texto de buscar */
		#cabeceracorta .buscadorymas .buscador form input#cajabuscador,
		#cabeceracorta .buscadorymas .buscador form input.cajabuscador {
			width: 138px;
			border: 1px solid #A6A6A6;
			color: black;
			padding: 0;
			height: 13px;
			font: normal 9px Verdana,Arial,Helvetica,sans-serif;
		}

		/* botones de radio */
		#cabeceracorta .buscadorymas .buscador form input.botonradio {
			margin: 0 2px 0 5px;
			padding: 0;
			border: 0;
			width: 12px;
			height: 12px;
		}

		/* boton de 'buscar' */
		#cabeceracorta .buscadorymas .buscador form input.botonbuscar {
			font: normal 9px Verdana,Arial,Helvetica,sans-serif;
			cursor: pointer;
			background-color: #D9D9D9;
			border: 1px solid #A6A6A6;
			color: black;
			margin-left: 2px;
			height: 15px;
			width: 50px;
		}

		#cabeceracorta .buscadorymas .buscador form input.botonbuscar:hover {
			background-color: #E1E0DD;
		}

		/* imagenes */
		#cabeceracorta .buscadorymas .buscador img {
			vertical-align: middle;
		}

		/* compatibilidad para la version original de la caja de buscar */

		#cabeceracorta .buscadorymas .buscador form input#busquedas {
			border: 1px solid #A6A6A6;
			font: normal 9px Verdana,Arial,Helvetica,sans-serif;
		}

		#cabeceracorta .buscadorymas .buscador form input.boton {
			font: normal 9px Verdana,Arial,Helvetica,sans-serif;
			border: 1px solid #A6A6A6;
			height: auto;
		}

	/* fin buscador */

	/* enlaces directos */

		#cabeceracorta .buscadorymas .enlacesdirectos {
			float: left;
			margin-left: 10px;
			padding: 0 0 5px 10px;
		}


		#cabeceracorta .buscadorymas .enlacesdirectos ul li {
			list-style-type: none;
		}

		#cabeceracorta .buscadorymas .enlacesdirectos ul li a {
			font-family: Verdana,Arial,Helvetica,sans-serif;
			font-size: 9px;
			color: #636363;
			padding: 2px 4px 2px 12px;
			background-position: 0 3px;
		}


		#cabeceracorta .buscadorymas .enlacesdirectos ul li.hemeroteca a {
			background-image: url(http://estaticos03.elmundo.es/elmundo/iconos/v2.1/hemeroteca.gif);
			background-repeat: no-repeat;
			background-position: 0 4px;
			text-decoration: none;
		}

		#cabeceracorta .buscadorymas .enlacesdirectos ul li.hemeroteca a:hover {
			text-decoration: underline;
		}


/* fin cabecera 800 */

/* miga y menu otras secciones */

	.miga {
	    font-size: 11px;
	    clear: both;
	    padding: 10px 0 10px 10px;
	    font-family: Arial,Helvetica,sans-serif;
	    width: 748px;

	}

	.miga a {
		text-decoration: underline;
	}

	#migaymenusecciones {
	    height: 25px;
	    width: 745px;
	    margin: 10px 0 0 10px;
	    clear: both;
	    font-family: Arial,Helvetica,sans-serif;

	}

	#migaymenusecciones .miga {
	    clear: none;
	    padding: 0;
	    float: left;
	    width: auto;
	}

	#migaymenusecciones .patrocinio {
	    padding-left: 155px;


	}

	#migaymenusecciones .patrocinio img {
	vertical-align: top;
	margin-left: 3px;
	margin-bottom: 10px;
	}


	#migaymenusecciones #menusecciones {


	    float: right;
	    font-size: 11px;
	    font-weight: bold;
	}

	#migaymenusecciones #menusecciones a {
	    padding: 1px 3px 1px 3px;
	    color: white;
	    text-decoration: none;
	    background-color: #036;
	}

/* fin miga */

/* menu desplegable secciones de 800 */

        #migaymenusecciones #menusecciones { /* alinea a la derecha todo */
            float: right;
            height: 1em;
        }

        #menusecciones #caja {
            display:block;
        }

        #menusecciones a#boton,
        #menusecciones #boton	{ /* #boton es el boton en si de OTRAS SECCIONES, por el que hay que pasar el raton para que se despliegue el menu */
            position:absolute;
            z-index: 10;
            width: 92px;
            margin-left: -109px;
            padding: 1px 4px 1px 14px;
            font: bold 11px Arial, Helvetica, sans-serif;
            text-decoration: none;
            background: white url(http://estaticos02.elmundo.es/elmundo/iconos/v2.1/otrassecciones-flecha.gif) no-repeat 6px 6px;
            border: 1px solid #ccc;
            color: #036;
        }

        #menusecciones a#boton:hover,
        #menusecciones #boton:hover {
            background-color: #eee;
        }

        #menusecciones #menusecciones #caja { /* #caja es todo el recuadro que aparece cuando pasamos el raton por el boton de OTRAS SECCIONES. */
            margin-right: -30px;
            position:relative;
            top:-10px;
            z-index: 10;
            font-family: Verdana,Helvetica,sans-serif;
            font-size: 11px;
            }

        #menusecciones #caja div.oculto { /* aqui definimos los estilos que asignamos mediante javascript, y que cambian la propiedad CSS visibility  */
            visibility: hidden;
            position:absolute;
        }

        #menusecciones #caja div.muestra,
        #menusecciones #caja div.oculto
        {
            width:282px;
            margin-left: -297px;
        }

        #menusecciones #caja div.muestra {
            width:282px;
            margin-left: -297px;
            visibility: visible;
            position:absolute;
            padding: 20px 8px 0 8px;
            background-color:white;
            border-left:1px solid #ccc;
            border-right:1px solid #ccc;
            border-top:1px solid #ccc;
            border-bottom:3px solid #ccc;
            margin-top: 0;
        }

        #menusecciones #caja a {
            color: #036;
        }

        #menusecciones #caja h3,
        #menusecciones #caja h3 a {
            font-family: Arial,Helvetica,sans-serif;
            margin:0;
            padding: 0;
            font-weight:bold;
            font-size: 11px;
            text-transform: uppercase;
            background-color: white;
            height: 1.4em;
            color: #900;
        }

        #menusecciones #caja #bloque1,
        #menusecciones #caja #bloque2,
        #menusecciones #caja #bloque3 {
            float:left;
            width:33%;
        }

        #menusecciones #caja ul {
            margin:0 0 8px 0;
            padding: 0;
            list-style-type: none;
        }

        #menusecciones #caja ul li {
            padding: 0 !important;
            margin: 0 !important;
            font-size: 11px;
            width:93px;
            list-style-type: none;
        }

        #menusecciones #caja ul li a {
            background-color: white;
            font-weight: normal;
            font-size: 11px;
            font-family: Arial, Helvetica, sans-serif;
            text-decoration: none;
            padding: 0 !important;
            margin: 0 !important;
            line-height: 1.5em;
        }

        #menusecciones #caja #bloque3 ul { /* ajustamos los altos individualmente para cada columna para que coincida el alto */
            margin-bottom: 16px;
        }

        #menusecciones #caja ul li a:hover {
            color:#900;
            text-decoration: underline;
        }

        #menusecciones #caja h3 a:hover {
            text-decoration: underline;
        }

    /* fin menu desplegable de otras secciones 800 */

    #piepagina {
        width: 760px;
    }

/* --------------------------------------------------------------------------------*/
/* FIN ESTILOS PARA ELEMENTOS DE PÁGINAS A 800  */
/* --------------------------------------------------------------------------------*/

/* fin estilos800.css */