﻿/* =================================================================
												GENERALES
================================================================= */
		body {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 16px;
			text-align: justify;
			margin: 0;
		}
		#contenedor {
			width: 760px;
			margin: 10px auto 0 auto;
		}
		
/* =================================================================
												HIPERVÍNCULOS
================================================================= */
			/* Vínculos no visitados */
			a:link {
			}
			/* Vínculos visitados */
			a:visited {
			}
			/* Vínculo con el ratón encima o seleccionado con el teclado */
			a:hover, a:focus {
				color: #FFF;
				background: #00F;
				text-decoration: none;
				outline: none;
			}
			/* Vínculo pulsado */
			a:active {
			}
		
		
		
		
		/* Pruebas para colocar iconos según el enlace o el tipo de archivo
		También se puede usar los pseudoelementos "::after" y "::before" con "content" que añade contenido antes o después del elemento. ¡¡¡¡Pero!!!! no funciona en IE8
		Aquí se usa un fondo, pero hay que definirlo también para el resto de pseudoclases de un enlace, ya que sino desaparece al pasar el ratón
		a[target="_blank"] {
			background: url(../imagenes_basicas/url.jpg) no-repeat left top;
			padding-left: 20px;
		}
		*/
				a[href*=".htm"], a[href*=".htm"]:visited, a[href*="#"], a[href*="#"]:visited {  /*Usar durante la revisión para localizar los estilos a enlaces propios. Como hay enlaces a otros sitios con páginas htm, este estilo se coloca antes que los genéricos de periódicos */
		}
				a[href*=".htm"]:hover, a[href*=".htm"]:focus, a[href*="#"]:hover, a[href*="#"]:focus {  /*Usar durante la revisión para localizar los estilos a enlaces propios. Como hay enlaces a otros sitios con páginas htm, este estilo se coloca antes que los genéricos de periódicos */
		}

		
/* Añade el icono de enlace externo a todos los enlaces que comienzan con http, independientemente de si son vídeo, pdf..., por eso este estilo va en primer lugar, luego vendrán los que distingan vídeos y pdf, que al cargarse después tienen preferencia */		
		a[href^="http"], a[href*="http"]:visited {
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_external.gif) no-repeat center right;
		}
		a[href^="http"]:hover, a[href^="http"]:focus  {
			background: #00F url(../imagenes_basicas/iconos/icon_external.gif) no-repeat center right;
		}
/* Añade el icono de pdf a todos los enlaces que terminan con .pdf, debe indicarse después de los genéricos, para que tenga preferencia */		
		a[href$=".pdf"], a[href$=".pdf"]:visited { /*Debe ir después de los genéricos de los periódicos para que si es un pdf de alguna de las direcciones se muestre el icono de pdf y no el externo*/
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_pdf.gif) no-repeat center right;
		}
		a[href$=".pdf"]:hover, a[href$=".pdf"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_pdf.gif) no-repeat center right;
		}
		a[href$=".doc"], a[href$=".doc"]:visited,
		a[href$=".docx"], a[href$=".docx"]:visited {
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_doc.gif) no-repeat center right;
		}
		a[href$=".doc"]:hover, a[href$=".doc"]:focus,
		a[href$=".docx"]:hover, a[href$=".docx"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_doc.gif) no-repeat center right;
		}
		a[href$=".exe"], a[href$=".exe"]:visited {
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_exe.gif) no-repeat center right;
		}
		a[href$=".exe"]:hover, a[href$=".exe"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_exe.gif) no-repeat center right;
		}
		a[href$=".swf"], a[href$=".swf"]:visited,
		a[href$=".flv"], a[href$=".flv"]:visited {
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_flash.gif) no-repeat center right;
		}
		a[href$=".swf"]:hover, a[href$=".swf"]:focus,
		a[href$=".flv"]:hover, a[href$=".flv"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_flash.gif) no-repeat center right;
		}
		a[href$=".ppt"], a[href$=".ppt"]:visited,
		a[href$=".pps"], a[href$=".pps"]:visited,
		a[href$=".pptx"], a[href$=".pptx"]:visited,
		a[href$=".ppsx"], a[href$=".ppsx"]:visited {
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_flash.gif) no-repeat center right;
		}
		a[href$=".ppt"]:hover, a[href$=".ppt"]:focus,
		a[href$=".pps"]:hover, a[href$=".pps"]:focus,
		a[href$=".pptx"]:hover, a[href$=".pptx"]:focus,
		a[href$=".ppsx"]:hover, a[href$=".ppsx"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_flash.gif) no-repeat center right;
		}
		a[href^="mailto"], a[href^="mailto"]:visited {
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_mailto.gif) no-repeat center right;
		}
		a[href^="mailto"]:hover, a[href^="mailto"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_mailto.gif) no-repeat center right;
		}
		a[href*="@noincinera"], a[href*="@noincinera"]:visited {
			background-image: none; /* Si no se usa color de fondo, colocar transparent para evitar que se active el icono que viene de mailto*/
		}
		a[href*="@noincinera"]:hover, a[href*="@noincinera"]:focus {
			background-image: none;
		}
		
		address {
			padding: 0 0 0 38px;
			background: url(../imagenes_basicas/iconos/postal.gif) no-repeat top left;
		}
		.telefono {
			padding: 0 0 0 20px;
			background: transparent url(../imagenes_basicas/iconos/telefono.png) no-repeat center left;
		}
		.tel_movil {
			padding: 0 0 0 20px;
			background: transparent url(../imagenes_basicas/iconos/icon_call.gif) no-repeat center left;
		}
		.fax {
			padding: 0 0 0 20px;
			background: url(../imagenes_basicas/iconos/fax.png) no-repeat center left;
		}
		
		
/* Añade el icono de video a todos los enlaces que terminan con contengan alguno de los elementos descritos, debe indicarse después de los genéricos, para que tenga preferencia */		
		a[href *="youtube.com/watch?"], a[href *="youtube.com/watch?"]:visited,
		a[href *="sevenload.com/videos/"], a[href *="sevenload.com/videos/"]:visited,
		a[href *="metacafe.com/watch/"], a[href *="metacafe.com/watch/"]:visited,
		a[href *="video.google.es/videoplay?"], a[href *="video.google.es/videoplay?"]:visited,
		a[href *="vimeo.com"], a[href *="vimeo.com"]:visited,
		a[href *=".wmv"], a[href *=".wmv"]:visited { 
			padding: 0 20px 0 0;
			background: transparent url(../imagenes_basicas/iconos/icon_film.gif) no-repeat center right;
		}
		a[href *="youtube.com/watch?"]:hover, a[href *="youtube.com/watch?"]:focus,
		a[href *="sevenload.com/videos/"]:hover, a[href *="sevenload.com/videos/"]:focus,
		a[href *="metacafe.com/watch/"]:hover, a[href *="metacafe.com/watch/"]:focus,
		a[href *="video.google.es/videoplay?"]:hover, a[href *="video.google.es/videoplay?"]:focus,
		a[href *="vimeo.com"]:hover, a[href *="vimeo.com"]:focus,
		a[href *=".wmv"]:hover, a[href *=".wmv"]:focus {
			background: #00F url(../imagenes_basicas/iconos/icon_film.gif) no-repeat center right;
		}
		/* Fin de colocar icono en enlaces a vídeos */

/* =================================================================
												ENCABEZADO
================================================================= */
		#encabezado {
			clear: both;
		}
		#logo{
			float: left;
		}
		#incinera {
			text-align: right;
			background-color: #F59094;
			color: #000000;
			font-family:"Times New Roman", Times, serif;
			font-size: 30px;
			font-weight: bold;
			padding-right: 10px;
			padding-top: 35px;
		}
		#tenerife {
			text-align: right;
			background-color: #000000;
			color: #F59094;
			font-family:"Times New Roman", Times, serif;
			font-size: 30px;
			font-weight: bold;
			padding-right: 10px;
		}
		
/* =================================================================
												HERRAMIENTAS GOOGLE
================================================================= */
#google {
	clear: both;
	margin-top: 3px; /* Para Opera y Firefox */
}
	#google_translate_element a { /* Para el traductor de Google, que ¡¡lo acaban de cambiar!! y, se comporta como un enlace */
		background: transparent;
	}
	#versiones {
	padding: 2px 0 10px 10px;
	}
		#versiones ul {
			display: inline;
		}
			#versiones ul li {
				display: inline;
				list-style-type: none;
				padding: 0 0.5em;
			}
		#versiones img {
			vertical-align: middle;
			height: 17px;
			width: 34px;
			border: 1px solid #999;
		}
		
	#search {
		float: right;
		padding-right: 10px;
	}
		#search #buscadorbox {
			background:transparent url("http://www.google.es/coop/intl/es-ES/images/google_custom_search_watermark.gif") left 5px no-repeat;
			width:180px; /* Para que se vea completa la imagen de "Google Búsqueda personalizada" en español en Firefox */
			color:#000;
			padding:0 !important;
		}

/* =================================================================
												CUERPO
================================================================= */
		#cuerpo {
			text-align: center;
			background-color: #FFFFCC;
			color: #FF0000;
			font-size: 18px;
			padding: 25px 0;
			clear: both;
		}
		#obras {
			padding: 0 25px;
		}
		#cuerpo_noticias {
			background-color: #FFFFFF;
			text-align: center;
		}
		#titulo_noticia {
			background-color: #FFFF00;
			color:#FF0000;
			font-family: 'Times New Roman', Times, serif;
			padding: 10px 0;
			margin-bottom: 20px;
		}
			#titulo_noticia h1 {
				font-size: 24px;
			}
		#fecha_noticia {
			float: left;
			width: 100px;
			height: 500px;
			background-color: #FFFF00;
			color:#FF0000;
			font-family: 'Times New Roman', Times, serif;
			font-size: 18px;
			padding-top: 10px;
			margin-right: 10px;
		}
		#texto_noticia {
			color: #660000;
			font-family: 'Times New Roman', Times, serif;
			font-size: 18px;
			text-align: justify;
			padding-top: 30px;
			padding-right: 10px;
			padding-left: 10px;
		}
		.prensa {
			color: #000000;
		}
			.prensa h2 {
				color: #FF0000;
				font-size: 20px;
			}
		.resumen_noticia {
			font-weight: bold;
		}
		.fuente_noticia {
			font-style: italic;
		}
		.origen_noticia {
			font-size: 18px;
			font-weight: bold;
		}
		.centrado {
			text-align: center;
		}
		.pie_foto {
			color: #660000;
			font-style: italic;
		}
		#navegador {
			width: 100%;
			height: 25px;
			background-color: #FFFFCC;
			padding: 5px 0;
		}
			#navegador #anterior, #navegador #subir, #navegador #siguiente {
				float: left;
				width: 60%;
			}
			#navegador #anterior {
				text-align: left;
				padding-left: 1%;
				width: 19%;
			}
			#navegador #siguiente {
				text-align: right;
				padding-right: 1%;
				width: 19%;
		}
			
/* =================================================================
												PIE
================================================================= */
		#pie {
			clear: both;
			padding-top: 25px;
			margin-bottom: 50px;
		}
		#pie #noticias, #pie #enlaces, #pie #correo {
			width: 33.3%;
			float: left;
			text-align: center;
			padding: 5px 0;
		}
		#pie #correo {
			background-color: #FFFF00;
		}
		.pie_noticias {
			border-top: 1px solid #000;
		}


