﻿* {

	padding:0;

	border:0;

	margin:0;

}

a {

	color:#bbdff3;

	text-decoration:none;

}

a:hover {

	color:#ffffff;

}

ul {

	list-style:none;

}

h1 {

	font-size:28px;

	font-weight:normal;

}

h2 {

	font-size:26px;

	font-weight:normal;

}

html {

	height:100%;

	min-height:100%;

}

body {

    background: url('../images/bg.jpg') repeat-x center top;

	font-family:"Verdana", Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#585858;

	height:100%;

	min-height:100%;

}



.clearit {

	clear:both;

	font-size:0px;

	height:0px;

}

/*///////////////////////////////////////////////////////////////////PAGINA*/



div#page {

	width:960px;

	margin:auto;

}

div#gral {

    background: url('../images/bg.jpg') repeat-x center top;

	width:100%;

}

    

/*///////////////////////////////////////////////////////////////////TOP*/

div#top {

	height:32px;

}

div#top p {

	padding-top:8px;

}

div#top p img {

	padding-left:16px;

	padding-right:16px;

}

div#top p a {

	color:#ffffff;

}

div#top p a:hover {

	color:#04d6f6;

}

/*///////////////////////////////////////////////////////////////////HEADER*/



div#header {

	height:96px;

}

/*--------------------------------------------- Logo*/

div#header div.logo {
	width:304px;
	padding-left:16px;
	padding-top:25px;
	float:left;
}

div#header div.logo a {
	display:block;
	padding-left:5px;
	color:#006495;
}

div#header div.logo p {

	padding-left:16px;

}

div#header div.logo span {

	display:block;

	padding-left:42px;

	color:#006495;

}

/*--------------------------------------------- Menu*/

div#header div.menu {

	width:640px;

	float:left;

}

div#header div.menu h2 {

	padding:13px 0px;

}

div#header div.menu h2 img {

	padding:0px 2px;

}

div#header div.menu ul li {

	width:160px;

	height:32px;

	float:left;

}

div#header div.menu ul li a {

	display:block;

	width:160px;

	height:32px;

	background:url('../images/btn_off.gif') no-repeat left top;

}

div#header div.menu ul li a:hover {

	color:#ffffff;

	background:url('../images/btn_on.gif') no-repeat left top;

}

div#header div.menu ul li a.select {

	color:#ffffff;

	background:url('../images/btn_on.gif') no-repeat left top;

}

div#header div.menu ul li a span {

	display:block;

	text-align:center;

	padding-top:8px;

}



/*///////////////////////////////////////////////////////////////////box_index*/



div#boxindex {

	height:386px;

	color:#ffffff;

}

div#boxindex ul li {

	width:959px;

	float:left;

}

div#boxindex ul li h1 {

	padding: 8px 16px 0px 16px; 

}

div#boxindex ul li p {

	padding: 8px 16px 0px 16px; 

}

#loadarea {

background:		#ffffff url(../images/portada_modesta.jpg) no-repeat bottom right;

width: 			959px;

height:			386px;

}



/*///////////////////////////////////////////////////////////////////DESTACADO*/



div#destacado {

	height:256px;

	color:#ffffff;

	text-align: justify;

}

div#destacado ul li {

	width:480px;

	float:left;

}

div#destacado ul li h1 {

	padding: 8px 16px 0px 16px; 

}

div#destacado ul li p {

	padding: 8px 16px 0px 16px; 

}



/*///////////////////////////////////////////////////////////////////MENU GENERAL*/



div#menu {

	height:32px;

}

div#menu ul li{

	width:120px;

	height:32px;

	float:right;

}

div#menu ul li a {

	display:block;

	width:120px;

	height:32px;

	background:url('../images/btn_on_01.gif') no-repeat left top;

}

div#menu ul li a:hover {

	color:#ffffff;

	background:url('../images/btn_off_01.gif') no-repeat left top;

}

div#menu ul li a.select {

	color:#ffffff;

	background:url('../images/btn_off_01.gif') no-repeat left top;

}

div#menu ul li a span {

	display:block;

	text-align:center;

/*	padding-top:8px;*/

}



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



div#contenido {

	clear:both;

}

/*--------------------------------------------- Centro*/

div#contenido div.centro {
	width:624px;
	float:left;
}

div#contenido div.centro dl {
	clear:both;
	padding-top:8px;
}

div#contenido div.centro dl dt {
	width:160px;
	float:left;
	text-align:center;
}

div#contenido div.centro dl dt img {
	border:1px #1386c5 solid;
}

div#contenido div.centro dl dd {
	width:448px;
	float:left;
}

div#contenido div.centro h3 {
	font-size:18px;
	color:#006495;
}

div#contenido div.centro dl dd p {
	padding:4px 0px;

}

div#contenido div.centro dl dd small a {
	display:block;
	background:url('../images/btn_click.gif') no-repeat left top;
	width:128px;
	height:18px;
	font-weight:bold;
	font-size:9px;
}

div#contenido div.centro dl dd small a span {
	display:block;
	text-align:center;
	padding-top:2px;

}

/*--------------------------------------------- Lateral*/

div#contenido div.lateral {
	width:336px;
	float:left;

}

div#contenido div.lateral h1 {
	height:36px;
	margin-top:16px;
	font-size:22px;
	color:#ffffff;
	background:url('../images/agenda_top.gif') no-repeat left top;
}

div#contenido div.lateral h1 span {
	display:block;
	padding:5px 0px 0px 12px;
}

div#contenido div.lateral ul {

	width:320px;

	background:#0d567e url('../images/agenda_bg.gif') no-repeat center top;

}

div#contenido div.lateral ul li {

	padding:4px;

}

div#contenido div.lateral ul li span {

	display:block;

	padding-left: 12px;

	margin-left:12px;

	background:url('../images/ico_flecha_blanca.gif') no-repeat left center;

}

div#contenido div.lateral ul li span strong {

	padding-right:4px;

}

div#contenido div.lateral small {

	display:block;

	height:8px;

	width:320px;

}

/*--------------------------------------------- Centro_con_galeria*/

div#contenido div.centrogaleria {

	width:550px;

	float:left;

	text-align: justify;

}

div#contenido div.centrogaleria dl {

	clear:both;

	padding-top:8px;

}

div#contenido div.centrogaleria dl dt {

	width:160px;

	float:left;

	text-align:center;

}

div#contenido div.centrogaleria dl dt img {

	border:1px #1386c5 solid;

}

div#contenido div.centrogaleria dl dd {

	width:448px;

	float:left;

}

div#contenido div.centrogaleria dl dd p {

	padding:4px 0px;

}

div#contenido div.centrogaleria dl dd small a {
	display:block;
	background:url('../images/btn_click.gif') no-repeat left top;
	width:128px;
	height:18px;
	font-weight:bold;
	font-size:9px;
}

div#contenido div.centrogaleria dl dd small a span {

	display:block;

	text-align:center;

	padding-top:2px;

}

/*--------------------------------------------- Lateral_con_Galeria*/

div#contenido div.lateralgaleria {

	width:336px;

	float:left;

}

div#contenido div.lateralgaleria h1 {

	height:36px;

	margin-top:16px;

	font-size:22px;

	color:#ffffff;

	background:url('../images/agenda_top_gal.gif') no-repeat left top;

}

div#contenido div.lateralgaleria h1 span {

	display:block;

	padding:5px 0px 0px 12px;

}

div#contenido div.lateralgaleria ul {

	width:336px;

	background:#0d567e url('../images/agenda_bg_gal.gif') no-repeat center top;

}

div#contenido div.lateralgaleria ul li {

	padding:4px;

}

div#contenido div.lateralgaleria ul li span {

	display:block;

	padding-left: 12px;

	margin-left:12px;

	background:url('../images/ico_flecha_blanca.gif') no-repeat left center;

}

div#contenido div.lateralgaleria ul li span strong {

	padding-right:4px;

}

div#contenido div.lateralgaleria small {

	display:block;

	height:8px;

	width:320px;

}



/*///////////////////////////////////////////////////////////////////FOOTER*/



div#footer {

	clear:both;

	height:144px;

	color:#ffffff;

	background:url('../images/bg_footer.gif') no-repeat center top;

}

div#footer div.contenido {

	width:960px;

	margin:auto;

}

div#footer div.contenido p {

	text-align:center;

	padding:10px;

}

div#footer div.contenido p a {

	color:#ffffff;

}

div#footer div.contenido p a:hover {

	color:#0f608d;

}

div#footer div.contenido ul li {

	width:320px;

	float:left;

}

div#footer div.contenido ul li h1 {

	text-align:right;

	padding:16px 0px 0px 8px;

	font-size:26px;

}

div#footer div.contenido ul li h1 small {

	font-size:22px;

}

div#footer div.contenido ul li h1 img {

	float:left;

	padding-top:10px;

	padding-left:8px;

}

div#footer div.contenido ul li dl {

	padding-top:16px;

}

div#footer div.contenido ul li dl dd {

	padding-left:8px;

	background:url('../images/ico_flecha_blanca.gif') no-repeat left center;

}



/*///////////////////////////////////////////////////////////////////DATA*/

div#datos {

	clear:both;

	width:960px;

	margin:auto;

	font-size:11px;

}

div#datos ul li {

	width:480px;

	float:left;

	padding-top:8px;

}

div#datos ul li p img {

	padding-right:8px;

}

div#datos ul li dfn {

	display:block;

	text-align:right;

}

div#datos ul li dfn img {

	padding-left:8px;

	padding-right:8px;

}

