* {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 img.video {padding-left:5px;}
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;}

div#header div.promo {width:500px; height: 70px; background: #000; padding:0px; float: right; margin: 13px 0 0 0;}

/*--------------------------------------------- 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;

}