/* Webmaster y Diseño: Roberto C.G. y Francisco Vivas*/
/* Testeo con Safari, Firefox Mac/win, IE5+, Opera Mac/Win */

body {
  background: #FFFFFF url(imagenesweb/fondo-logo.gif) no-repeat top center;
  font-size: 75%;
  font-family: Verdana, Arial, Sans-Serif;
  color: #000000;
  text-align: center;
}

blockquote {
	border-left: 5px solid #CCCCCC;
	padding-left: 10px;
	padding-right: 60px;
	margin: 15px;
	margin-left: 60px;
	font-style: italic;
	color: #16627C;
}

blockquote.dos {
	border-left: 5px solid #CCCCCC;
	padding-left: 10px;
	padding-right: 20px;
	margin: 15px;
	margin-left: 280px;
	font-style: italic;
	color: #16627C;
}


blockquote.comillas {
	background: url("/imagenesweb/quote.gif") no-repeat;
	background-position: top left;
	padding-left: 20px;
	margin: 15px;
}

blockquote.barra {
	border-left: 5px solid #333333;
	padding-left: 20px;
	margin: 15px;
	background: #FFF8E9;
}

h1 {
	font: bold 1.3em georgia, serif;
		margin: 3px 0 1px;

}

h2 {
	font: bold 1.2em Verdana,serif;
	margin: 3px 0 1px;
}

h3 {
	font: bold 1.5em georgia, serif;
		margin: 3px 0 1px;

}

h4 {
	font: bold 1.4em Verdana,serif;
	margin: 3px 0 1px;
}

h5{
	font: bold 0.5em Verdana,serif;
	margin: 3px 0 1px;
	color: #CCCCCC;
}


ul {
	margin-left: 50px;
}

ul.dos {
	margin-left: 300px;
}

.titular {
	font: bold 1.3em georgia, serif;
	color: #ff9700;
	margin: 0.3em 0em 0.3em 0em;
}

.fecha {
	font: bold 1em;
	font-size: 73%;
	margin: 0.3em 0em 0.3em 0em;
}


/*  enlaces ------------------------------------------------------------------------- */

a:link {
	COLOR: #D95C29;
	text-decoration: none;
	}

a:active {
	COLOR: #D95C29;
	text-decoration: none;
	}

a:visited {
	COLOR: #D95C29;
	text-decoration: none;
	}

a:hover {
	COLOR: #16627C;
	text-decoration: none;
	}

.rss:link, .rss:visited {
	font-family: Verdana, Arial;
	color: #D95C29;
	text-decoration: none;
}

.rss:hover, .rss:active {
	font-family: Verdana, Arial;
	color: #D95C29;
	text-decoration: underline;
}

.menuprincipal {
	cursor: pointer;
}


/*  capas ------------------------------------------------------------------------- */

div#contenedor {
	margin: 10px auto 10px auto;
	text-align: left;
	width: 700px;
}

div#contenido {
  width: 700px;
  text-align: justify;
}

div#contenedor #menu {
	border: 3px solid #1F7185;
	float: left;
	width: 237px;
	height: 730px;
	background: #378FA6 url(imagenesweb/fondo-menu.jpg);
	margin: 10px 10px 10px 10px;
}

div#inicio {
	width: 238px;
	height: 136px;
}

div#bintro {
	background-image: url(imagenesweb/b-introduccion.gif);
	width: 237px;
	height: 31px;
}

div#bactivi {
	background: url(imagenesweb/b-actividades.gif);
	width: 237px;
	height: 28px;
}

div#bdirec {
	background: url(imagenesweb/b-directorio.gif);
	width: 237px;
	height: 29px;
}

div#bbiblio {
	background: url(imagenesweb/b-biblioteca.gif);
	width: 237px;
	height: 29px;
}

div#bnoti {
	background: url(imagenesweb/b-noticias.gif);
	width: 237px;
	height: 29px;
}

div#benlaces {
	background: url(imagenesweb/b-enlaces.gif);
	width: 237px;
	height: 24px;
}


div.separador {
	height: 5px;
}

div.separador2 {
	height: 10px;
}

#titulo {
	font: 20px georgia, serif; color: #FFFFFF;
}

#final {
	background: url(imagenesweb/final-fondo.jpg);
	text-align: center;
	margin: 0px 10px 0px 10px;
}

/*  fotos ------------------------------------------------------------------------- */

img {
	border-color: #000000;
}

img.bordeblanco {
	border: 1px solid #FFFFFF;
}

img#fotorotar {
	border: 10px solid #F2F2F2;
}