body {
	background: #FFFFFF url(images/bg.jpg) repeat-x;
	font-size: 12px;
font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;	
/*	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;*/
	color: #7D7D7D; 
	line-height: 152%;	
	margin: 0px;
	padding: 0px;
	}
h2 {  
color: #115495;
font-family: tahoma,verdana,arial,helvetica,sans-serif; 
font-size: 12px;
font-weight: bold;	 
letter-spacing: 0pt; 
line-height: 18px; 
}	

a {
outline:none;
}	
.link_blanco:link, .link_blanco:hover, .link_blanco:active , .link_blanco:visited
{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 95% !important;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF !important;
	background-color: none !important;
}
.link_naranja:link, .link_naranja:hover, .link_naranja:active
{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 100% !important;
	font-weight:bold;
	text-decoration: none;
	color: #FF6600 !important;
	background-color: none !important;
}	
.link_naranja:visited
{
	color: #FF934E !important;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 100% !important;
	font-weight:bold;
	text-decoration: none;
	background-color: none !important;
}	
.link_negro:link, .link_negro:hover, .link_negro:active
{
	text-decoration: none;
	color: #636363 !important;
}	
.link_negro:visited
{
	color: #636363 !important;
	text-decoration: none;
}	
.texto_menu_superior {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 85%;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF !important;
	background-color: none !important;
	line-height:10px;
	padding:2px 0px 0px 0px;
	height:22px;
}

.texto_peque {
	font-size: xx-small !important;
	color: #000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.texto_peque_a {
	font-size: 10px !important;
	color: #1261AC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.texto_gris{
color:#8F8F8F;
}

.bordes 
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D0D0;
}
/***************/
ul.mapa
{
	list-style-type: none;
	list-style-image:none;
	padding-left: 10px;
	margin-bottom: 10px;
	margin: 0.2em 0 0.2em 0; 
}
ul.mapa li
{
	list-style-type: none;
	list-style-image:none;	
	background: url(../images/carpetitas1.gif) no-repeat;		
	left: 18px;
	top: 9px;
	padding-left: 30px;
	margin-bottom: 10px;
	margin: 0px 0 10px 0;
}
ul.mapa li a
{
	color:#666666;
	font-size:9px;	
}

ul.mapa li:hover
{
	list-style-type: none;
	background: url(../images/carpetitas2.gif) no-repeat;		
	padding-left: 30px;
	margin-bottom: 10px;
	margin: 0px 0 10px 0;
}

ul.mapa h3
{
	border-bottom: 1px solid #D9EEFF;
    background: #FDFDFD url(layout/titulo.gif)  no-repeat 0px 8px; 
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;	
    color: #1261AC;
	text-align: left; 
	padding: 0px 0px 3px 0px;
	margin: 15px 0px 20px 0px; 
}

ul.mapa h4 { 
margin: 0pt; 
padding: 2px 0px 2px 0px; 
font-family: tahoma,verdana,arial,helvetica,sans-serif; 
font-size: 10px;
font-weight: bold;	 
letter-spacing: 0pt; 
line-height: 10px; 
color:#666666;
}
/***********  PLANTILLA *****************/
.fondo_pagprincipal
{
	height:25px;
	background-image:url(../images/template/fondo_inicio.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 10px;
	text-align: left;
}
.sombra_pagina
{
	height:679px;
	background-image:url(../images/template/sombra_pagina.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.sombra_menu
{
	height:350px;
	background-image:url(../images/template/sombra_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.sombra_pagina
{
	height:680px;
	background-image:url(../images/template/sombra_pagina.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/******** celeste ************/
.fondo_derecho
{
	background-image: url(../images/template/fondo_derecha.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
}
/********* cajas blancas derecha *****************/
div#box1{
    width:200px;
	background-color: #C5E7F3;
	padding: 2px;margin:3px;
}

div#box1 span {
    font-family: 'Arial Black', Gadget, sans-serif;
	font-size: 70%;
	color: #114F88 !important;
	background-color: none !important;
	padding:10px;
	text-align:left;
}
div#box11{padding: 2px;margin:3px;
    background:#FFFFFF;}
div#box2{padding: 2px;margin:3px;
    background:#FFFFFF;}
/*********************************/
div#box22 {padding: 2px;
font-size:100%; color:#666666;}
/*********************************/
div#box3{padding: 2px;margin:3px;
    background:#FFFFFF;}
/*********************************/	
div#box3 ul { margin: 0px; padding: 0px 5px 5px 5px; list-style-type: none; list-style-image: none; list-style-position: outside; line-height: 120%; font-size:80%;}
div#box3 ul li { margin: 0px; padding-top: 10px; display: block;}
div#box3 ul li strong { color:#FF3300;}
div#box3 ul li p { color:#7D7D7D; }
div#box3 ul li a { border-bottom: 1px dashed rgb(192, 192, 192); margin: 0px; padding: 0px 0px 5px; display: block; text-decoration: none; color:#7D7D7D;}
div#box3 ul li a:hover, div#box3 ul li a:visited, div#box3 ul li a:active {
color:#7D7D7D;}	
/*********************************/	
div#box4{padding: 2px;margin:3px;
    background:#FFFFFF; text-align:center;}
/*********************************/	
div#box44{padding: 2px 0px 2px 0px;}

/*********************************/	
/********* cajas derecha *****************/
/********* MENU SUPERIOR *****************/
.toplink:link, .toplink:active, .toplink:visited, .toplink:hover {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 72% !important;
	font-weight:bold;
	text-decoration: none;
	color: #636363 !important;
	background-color: none !important;
}
.toptexto {
	font-size: 10px;
	text-decoration: none;
	color: #636363 !important;
	background-color: none !important;
}
/********* MENU SUPERIOR *****************/
/***********  MENU DESPLEGLABLE   ************/
.glossymenu{
margin: 0px;
padding: 0px;
width: 190px; /*width of menu*/
}

.glossymenu a.menuitem{
	font-family: "Lucida Grande", Verdana, Helvetica, Arial,serif !important;
	font-weight:bold;
	font-size: 80%;
	color: #666666;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding-left: 10px;
	padding: 1px 2px 1px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	text-decoration: none;
	background-color: #FAFAFA;
	  margin-top: 3px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #666666;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
  background: #EDEDED;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.glossymenu div.submenu ul li a{
display: block;
font-weight:normal;
font-size: 10px;
color: #666666;
text-decoration: none;
padding: 2px 0;
padding-left: 18px;
}

.glossymenu div.submenu ul li a:hover{
background: #f0f0f0;
colorz: white;
}



/**** SUBMENU  **********/

.arrowsidemenu{
	width: 190px; /*width of menu*/
margin: 0px;
padding: 0px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font-family: "Lucida Grande", Verdana, Helvetica, Arial,serif !important;
	font-weight:bold;
	font-size: 80%;
	color: #666666;
	display: block;
	background-color: #FAFAFA;
    height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 1px 2px 1px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
    margin-top: 3px;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #666666;
}

.arrowsidemenu div a:hover{
	background: #EDEDED;
}

.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #666666;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font-weight:normal;
font-size: 10px;
color: #666666;
text-decoration: none;
padding: 2px 0;
padding-left: 18px;
}

.arrowsidemenu ul li a:hover{
background: #f0f0f0;
}

/**************/


ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 190px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 3px;
}

ul#menu li a {
	background: #FAFAFA;
	padding: 1px 2px 1px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial,serif !important;
	font-weight:bold;
	font-size: 80%;
	color: #666666 !important;
}

ul#menu li a:hover {
  background: #EDEDED;
}

ul#menu li ul li a {
	text-transform: none;
	background: #fff;
	color: #666666 !important;
	padding-left: 15px;
	text-decoration: none;
	font-weight:normal;
	font-size: 10px;
}

ul#menu li ul li a:hover {
  background: #f0f0f0;
/*  border-left: 5px #D6D6D6 solid;*/
  padding-left: 15px;
}

ul#menu li ul li a:active {
  background: #f0f0f0;
  padding-left: 15px;
}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/*****************************************************/
/*******texto con sombra *************/
div.todo {
	position:relative;
	height: 23px;
}
div.texto, div.efecto1 { 
	font: bold 11px Arial, Helvetica, sans-serif; 
	}
div.texto {
	position:absolute;
	color:#114F88;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 15px;
	}
div.efecto1 { 
	position:absolute; 
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 16px;
	color:#666666; 
	}	
/********************/

/***********  MENU DESPLEGLABLE   ************/
/***********  PIE   ************/

.footer {
	font-size: 9px;
	line-height: 1.6em;
	color: #507699;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
.footer_logo {
	background-image:url(../images/template/logo_pie.jpg);
	width:250px;
	height: 95px;
	background-repeat: no-repeat;
	background-position: center middle;
}
.footer a { color: #507699; text-decoration: none; font-weight:bold; }
.footer a:hover { border-bottom: 1px dotted rgb(80, 154, 152); color: rgb(194, 192, 186); }
.footer strong {  }

.footer1 {
	font-size: 11px;
	font-family: "Lucida Grande","Arial Unicode MS",sans-serif;
	line-height: 1.6em;
	color: #CCCCCC;
}
.footer1 a { border-bottom: 1px dotted rgb(28, 27, 26); color: rgb(194, 192, 186); text-decoration: none; }
.footer1 a:hover { border-bottom: 1px dotted rgb(80, 154, 152); color: rgb(194, 192, 186); }
.footer1 strong { color: rgb(194, 192, 186); }
/***********  PIE   ************/
/***********  FIN PLANTILLA *****************/

/***********  ENLACES *****************/
.links_abajo
{
	background-color: #EFF8FC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DAEFF8;
}
#links {
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 0pt;
	padding-left: 5px;
	font-size:80%;
	line-height: 120%;	
	color: #000000;
	float: left; text-align: left;
}
#links a {
	color: rgb(65, 131, 205);
	text-decoration: none;
	font-weight: bold;
}
#links a:hover { color: rgb(65, 131, 205); text-decoration: none; }
#links strong{
	font-weight: bolder;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
/***********  FIN ENLACES *****************/

/***********  MENU PAGINA  *****************/
.tags1 {
float: left;
/*width: 160px;*/
margin:3px;
padding:0px;
}

.tags {
	float: left;
	width: 530px;
	padding:10px;
	margin:0px 0px 0px 0px;
	background-color:#EFF8FC;
	font-size:90%;
	border: thin solid #C5E6F4;
}

.tags ul {
list-style-type:none;
margin:5px;
padding:0px 0px 0px 15px;
}
.tags li {
	margin:10px 0 0 0;
	padding:0 5px 0 0px;
	line-height:15px;
	list-style-position: outside;
	list-style-image: url(../images/tag.gif);	
}
.tags li a {
	color:#1279BE;
	border-bottom:1px dotted #878787;
	text-decoration:none;
	padding-left:0px;
	text-transform: none;
/*	font-weight: bold;*/
}
.tags li a:hover {
color:#1279BE;
border-bottom:1px solid #1279BE;
text-decoration:none;
}
/***********  FIN MENU PAGINA  *****************/


/****************************/
#pagina { 
margin: 5px;
padding: 10px;
width: 550px;
/*margin: 10px 0pt 0pt;*/ }
#pagina .pagina_contenido { 
font-size: 10px;
font-family: Verdana, Arial, Helvetica;
color: #000000;
margin: 0px;
padding: 0px;
background: rgb(255, 255, 255) none repeat; 
text-align: left; 
float: left; 
display: inline; 
color: rgb(77, 75, 71); 
clear:left; 
line-height:1.5;
 }
.pagina_contenido p {
margin: 0px;
padding: 5px 0px 10px 0px;
font-size: 100%; 
text-align:justify;
}
.pagina_contenido table, .pagina_contenido td, .pagina_contenido tr {
font-size: 100%;
}
.primer { 
margin-top: 0px !important; 
}

.pagina_contenido ol, .pagina_contenido ul {
margin:0px;
padding:0px 10px 0px 20px;
list-style-image: url(../images/lista.gif);	
}
.pagina_contenido ol li, .pagina_contenidoe ul li {
	display: none;
	list-style-position: outside;
	list-style-image: url(../images/lista.gif);	
	margin: 1px;	
}


.pagina_contenido a {
	color:#FF6600;
	text-decoration: none;
}
.pagina_contenido a:hover {
	color:#FF6600;
	text-decoration: underline;
	background-color: #FFFFFF;
}

.pagina_contenido a.menus:link , .pagina_contenido a.menus:active ,.pagina_contenido a.menus:visited {text-decoration:none; color: #000; background: #FFFFFF; border:#FFFFFF 1px solid;} /* Link no visitado*/
.pagina_contenido a.menus:hover {text-decoration:underline;} /*Mause sobre el link*/

.pagina_contenido p.texto_cita{ font-size: 1.2em;  font-weight:bold; color: rgb(128, 128, 128); font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; }

.pagina_contenido h2 { 
font-family: Arial,Helvetica,Georgia,Sans-serif; 
font-size: 20px; 
color: rgb(255, 96, 0);
text-align: left; 
font-weight: bold;	
border-bottom: 1px solid rgb(236, 239, 244); 
padding: 0px 0px 3px 0px;  
margin: 0px 0px 0px 0px; 
}

.pagina_contenido h3{
	border-bottom: 1px solid #D9EEFF;
    background: #FDFDFD url(layout/titulo.gif)  no-repeat 0px 8px; 
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;	
    color: #1261AC;
	text-align: left; 
	padding: 0px 0px 3px 0px;
	margin: 15px 0px 20px 0px; 
}

.pagina_contenido h4 { 
margin: 0pt; 
padding: 10px 0px 5px 0px; 
font-family: tahoma,verdana,arial,helvetica,sans-serif; 
font-size: 12px;
font-weight: bold;	 
letter-spacing: 0pt; 
line-height: 18px; 
}
.pagina_contenido h5 { 
margin: 0pt; 
padding: 0pt; 
font-family: tahoma,verdana,arial,helvetica,sans-serif; 
font-size: 10px;
font-weight: bold;	 
letter-spacing: 0pt; 
line-height: 18px; 
padding-bottom: 4px;
}

.pagina_contenido hr
{
	height: 1px;
	border: 0;
	color: #B6B6B6;
	background-color: #B6B6B6;
}

.pagina_contenido span.texto_azul { 
color:#005698;
font-weight:bold;
}
.pagina_contenido span.fondoceleste { 
padding: 2px; 
background-color: rgb(224, 243, 249); 
}

.pagina_contenido p.boxedc {
  padding:5px 20px;
  margin-right:10px;
  background-color:#DBF3FF;
  border:1px solid #C1EAFF;
}

.pagina_contenido p.boxeda {
  padding:5px 20px;
  margin-right:10px;
  background-color:#FFFAE7;
  border:1px solid #FFF5CD;
}

.pagina_contenido .listItem {
	margin: 5px 5px 0px 0px;
	padding:10px;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	line-height: 1em;
	border: 2px solid #C2C2C2;
}

.pagina_contenido .listItem li {
	padding: 10px 0px 10px 0px;
	margin:0px;
	border-bottom: 1px dotted #CCCCCC;
	list-style-image:none;
	list-style-type: none;
}
.pagina_contenido .listItem:hover { 
border: 2px solid #FF6000; 
display: block; 
}
.pagina_contenido .listItem2 {
	margin: 5px 5px 0px 0px;
	padding:10px;
	overflow: hidden;
	float: left;
	background-color: #FFFAF2;
	line-height: 1em;
	border-top: 2px solid #FFC800;
	border-bottom: 2px solid #FFC800;	
}
/***************************/
/********* NOTICIAS *******************/
div.noticias, div.noticias-ie { 
margin-top: 20px; padding: 0pt 9px 0pt 0pt; width: 540px;}
div.noticias div.noticia, div.noticias-ie div.noticia { padding: 20px 10px; float: left; width: 540px; }
div.noticias-ie div.noticia { overflow: hidden; width: 270px; }
div.noticias p.titulo_noticia { 
    font-family: "Trebuchet MS", arial, helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;	
    color: #1261AC;
	text-align: left; 
	padding: 0px;
	margin: 0px 0px 10px 0px; 
}
div.noticias span.date { 
color:#808080;
font-size:90%;
font-weight: bold;	
}
div.noticias div.full, div.noticias-ie div.full { border-bottom: 1px solid rgb(237, 237, 237); background: transparent url(../images/gradient_horizontal_line_bg.gif) repeat-x scroll left top; width: 510px; padding: 20px; }
div.noticias div.full div, div.noticias-ie div.full div { float: left; width: 510px; }
div.noticias div.full img, div.noticias-ie div.full img { border: 1px solid rgb(237, 237, 237); padding: 2px; }
/********* FIN NOTICIAS *******************/