/*PRIMERO VAMOS A DEFINIR EL BODY Y TODOS LOS ESTILOS PARA TEXTOS*/

	body  {
	background-position: top;
	font-size: 12px;
	height: auto;
	width: auto;
	clear: none;
	float: none;
	margin: 0px;
	padding: 0px;
	background-color: #cacdc8;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/somb.jpg);
	background-repeat: repeat-y;
	text-align: justify;
	}
	h1  {
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	}
	h2  {
	text-align : left;
	text-transform: capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	}
	h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	}
	h4  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	h5  {
		font: 13px Verdana, Arial, Helvetica, sans-serif;
	}
	
/*AHORA COLOCAREMOS LOS ESTILOS PARA LOS BOTONES*/
	
	a	{
	font-size:11px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
			}
.parrafo_contenidos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: justify;
	line-height: 20px;
	text-decoration: none;
	}
.parrafos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 17px;
	text-decoration: none;
	}
	.titulo_principal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	}

.programas_turisticos{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #c2e200;
	text-align: center;
	font-weight: bold;
	}
.menus_cabeceras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	background-color: #9caf6e;
	height: 24px;
	width: auto;
	}
.linea-separacion{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:400;
	height:20px;
	background-position:center center;
	background-color:#0175b2;
	text-decoration:none;
	width:auto
}
.separacion{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:400;
	height:auto;
	background-position:center center;
	text-decoration:none;
	width:26px;
	background-image: url(../img/line.png);
	background-repeat: repeat-y;
}
.banner1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:400;
	height:250px;
	background-position:center center;
	background-color:#0175b2;
	text-decoration:none;
	width:500px;
}
.titulos_negrita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00478d;
	font-weight: bold;
	}

.titulos_index {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	}
.enlaces{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033FF;
	font-weight: bold;
}
	.lineaseparacion{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #069;
	text-decoration: none;
	background-position: center center;
	font-weight: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e1dfd9;
	line-height: 6px;
		}

.botones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a: link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a: visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a: hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
}
.fondo_pagina {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	background-position: center center;
	background-color: #f1fff2;
	font-weight: bold;
	}
.banner2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	background-position: center top;
	background-color: #0175B2;
	font-weight: bold;
	height: 250px;
	width: 500px;
	background-image: url(../img/cabecera.jpg);
	background-repeat: no-repeat;
	}
.arriba {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #023232;
	background-position: center center;
	background-color: #023232;
	font-weight: normal;
	height: 87px;
	width: 980px;
	background-image: url(../imagenes/cabecera.jpg);
	}
.fondo_programas {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-position: center top;
	background-color: #e0f1f1;
	font-weight: normal;
			}
.piecentro a:link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	color: #655b50;
	text-decoration: none;
}
.piecentro a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #655b50;
	text-decoration: none;
}
.contenido_datos {
	background-image: url(images/foto-quienes.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}

.contenidos {
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	width: 734px;
	}
.mizq{
	width:240px;
	background-color:#0175b2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	height:auto
}
/*AHORA VAMOS A DEFINIR LAS CAJAS QUE HEMOS CREADO EN XHTML*/
/* s aquí donde se ponen las imagenes de fondo, mira en el html que todos lso demás están dentro de este*/
	div#CONTAINER	{
	background-color:#FFF; /*auto indica que el margen de izquierda y derecha se acomode según lo que haya dentro*/
	width:1000px;
	height:auto;
	text-decoration: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	}
/*AHORA HACEMOS LOS CONTENEDORES INTERNOS*/
	div#header{
	width:1000px;
	height:80px;
	background-color:#0081c3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	margin:0;
	padding:0
}
/*SEGUNDO HACEMOS UN CONTENEDOR BANNER*/ 
/* s aquí donde se ponen las imagenes de fondo, mira en el html que todos lso demás están dentro de este*/
	div#BANNER{
		width:950px;
		height:auto;
		background-color:#FFF;
		border:1px solid #000;
		margin:0 5px 0 117px; /*el margen 117 es el usamos para que la div principal se aleje dela div izquierda, prueba borrando el 117 y poniendo 0*/
		padding:10px;
	}
div#principal{
	width:1000;
	height:auto;
	position: relative;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
	
/*AHORA HACEMOS EL CONTENEDOR FOOTER */	
	div#footer{
	width:999px;
	height:60px;
	background-color:#0869ae;
	;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #a8d3dd;
	color: #0869AE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-repeat: repeat;
	background-image: url(../imagenes/fdo_abajo.jpg);
	}
.coment_nombre {
	background-color: #F4F4F4;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #663300;
	font-weight: bold;
	padding:4px;
	
}

.coment_comentario {
	background-color: #F4F4F4;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	
	
}
#comentario {
	width: 320px;
	word-wrap:break-word;
	padding-left:9px;
	padding-bottom:2px;
	padding-top:2px;
	padding-right:4px;
}
.titcoment {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	top: 20px;
	color: #663300;
}
.txt_subrayado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

#ultnombre {
	background-color: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663300;
	font-weight: bold;
	padding:4px;
}

#ultcomentario {
	background-color: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 4px;
	border-bottom-width: 0.25px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
