.Boton
	{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#638cb5;
	border:0px;
	}

FONT		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
TD		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
BODY	{
					font-family: Verdana,Helvetica; 
					font-size: 10px; 
					color:#444444; 
					
					margin-top: 0;
			}
					
P		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
DIV		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
INPUT 		{
	FONT-SIZE: 10px;
	FONT-FAMILY: Verdana,Helvetica;
}
TEXTAREA	{BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
SELECT 		{BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana,Helvetica; BORDER-RIGHT-WIDTH: 1px}
FORM 		{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 10px}
FORM.lineal {DISPLAY: block; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(./imagenes/bordes/fondoform.gif); MARGIN: 0px 0px 10px; VERTICAL-ALIGN: middle; LINE-HEIGHT: 40px; HEIGHT: 40px; TEXT-ALIGN: left
}
A         {BACKGROUND: none; COLOR: #21536A; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
A:link          {BACKGROUND: none; COLOR: #21536A; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
A:active        {BACKGROUND: none; COLOR: #EF5D08; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:visited       {BACKGROUND: none; COLOR: #21536A; font-weight: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
A:hover         {BACKGROUND: none; COLOR: #EF5D08; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
h1{FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
.rojo{COLOR: #CC0000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
.marron{COLOR: #990000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
.texto_8px{	FONT-SIZE: 8px;}
.texto_9px{	FONT-SIZE: 9px;}
.texto_naranja{COLOR: #EF5D08;}			
.azul_link{BACKGROUND: none; COLOR: #21536A; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica;TEXT-DECORATION: none}
.title 		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.block-title	{BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.storytitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; COLOR: #363636; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}
.option 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tabla_collapse{width: 98%;border-collapse: collapse;	border: 1px dashed #9bbeca;
			 	border-bottom: 1px solid #9bbeca;  
			 	border-top: 1px solid #9bbeca;  
			 	background: #ffffff; 
			 	color: #21536A;  
			 	font-weight: bolder;
			 	font-size:10px;
			 	
			}
			
.tabla_collapse2{width: 98%;border-collapse: collapse;	border: 1px dashed #9bbeca;
			 	border-bottom: 1px solid #9bbeca;  
			 	border-top: 1px solid #9bbeca;  
			 	background: #ffffff; 
			 	color: #21536A;  
			 	font-weight: bolder;
			 	font-size:30px;
			 	
			}
			
.tabla_collapse tr{
			border: #9bbeca dashed 1px;
			 	/*background: #F7F7F7;/*#b9d3db; 		*/
			}


.menu_admin_tabla{width: 100%;border-collapse: collapse;	border: 1px dashed #9bbeca;
			 	border-bottom: 1px solid #9bbeca;  
			 	border-top: 1px solid #9bbeca;  
			 	background: #ffffff; 
			 	color: #21536A;  
			 	font-weight: bolder;
			 	font-size:10px;
			 	
			}
			
.menu_admin_tabla tr{
			border: #9bbeca dashed 1px;
			 	background: #F7F7F7;/*#b9d3db; 		*/
			}

			
.menu_admin_tabla a:visited, a:hover, a:link{
				color:#21536A;
				font-weight: bold;
			}
			
.menu_admin_tabla_shadow{
				background: #EEEEEE;
				color:#21536A;
				font-weight: bold;
			
			}
.menu_admin_tabla_shadow td{
				background: #EEEEEE;
				color:#21536A;
				font-weight: bold;
			
			}
			
			
/* Navegación */

#menu 
{
  float: right;
	margin: 0px 0px 0px 0px;
}

#menu ul 
{
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#menu ul li 
{
	margin: 0;
	padding: 0;
	display: block;
	float:left;
	text-align: center;
}

#menu ul li a 
{
	color : #fff;
	background-color: transparent;
	text-decoration : none;
	font-weight: bold;
	display: block;
	border-style:none;
}





		  /****************************************
        *
        *       Estilos menu
        *
        *****************************************/
        
      

			#menulinks{
				margin: 0px;
				padding: 0px;
				font-size: 7pt;	
				color: #000000;/*21536A;*/			
			}
			
			#menulinks h3{
				padding: 10px 0px 2px 10px;
				border-bottom: 1px solid #cccccc;
				font-size: 10px;
			}
			
			#menulinks a:link{
				display: block;
				border-bottom: 1px solid #efefef;
		
				font-weight: bold;	
				padding: 3px 3px 1px 7px;
				color: #21536A;
			}
			
			#menulinks a:active{
				display: block;
				border-bottom: 1px solid #efefef;
				
				font-weight: bold;
				padding: 3px 3px 1px 7px;
				color: #21536A;

			}
			
			#menulinks a:visited{
				display: block;
				/*border-top: 1px solid #ffffff;*/
				border-bottom: 1px solid #efefef;
				
				font-weight: bold;
				padding: 3px 3px 1px 7px;
				color: #21536A;
			}
			
			#menulinks a:hover{
				display: block;
				/*border-top: 1px solid #ffffff;*/
				border-bottom: 1px solid #efefef;
				
				font-weight: bold;
				padding: 3px 3px 1px 7px;
				/*color: #21536A;*/
				color: #EF5D08;
				
			}
			
			
			
			#submenulinks{
				margin: 0px;
				padding: 0px;
				font-size: 7pt;	
				color: #21536A;
			}
			
			#submenulinks2{
				margin: 0px;
				padding: 0px;
				font-size: 7pt;	
				color: #21536A;
			}
			
			#submenulinks a:link{
				display: block;
				border-bottom: 1px solid #efefef;
				
				padding: 3px 3px 1px 7px;
				color: #21536A;
			}
			
			#submenulinks2 a:link{
				display: block;
				
				
				padding: 3px 3px 1px 7px;
				color: #21536A;
			}
			
			#submenulinks a:active{
				display: block;
				border-bottom: 1px solid #efefef;
				
				padding: 3px 3px 1px 7px;
				color: #21536A;

			}

			#submenulinks2 a:active{
				display: block;
				
				
				padding: 3px 3px 1px 7px;
				color: #21536A;

			}
			

			#submenulinks a:visited{
				display: block;
				border-bottom: 1px solid #efefef;
				
				padding: 3px 3px 1px 7px;
				color: #21536A;
			}


			#submenulinks2 a:visited{
				display: block;
				
				
				padding: 3px 3px 1px 7px;
				color: #21536A;
			}
			
			#submenulinks a:hover{
				display: block;
				border-bottom: 1px solid #efefef;
				
				padding: 3px 3px 1px 7px;
				color: #EF5D08;
				
			}
			
			#submenulinks2 a:hover{
				display: block;
				
				
				padding: 3px 3px 1px 7px;
				color: #EF5D08;
				
			}
			
			
			/*arbol de navegacion*/
					#arbol_navegacion{
					color:#21536A ;
					font-weight: bold;
					/*font-size:8 ;*/
					
					}
					
					#arbol_navegacion a:visited,a:hover,a:link{
					color:#21536A ;
					font-weight: bold;
					/*font-size:8 ;*/
					
					}
		/****************************************
        *
        *       Estilos perfil administrador
        *
        *****************************************/

			
			
		
pre {
	border-top: 1px solid #ddd;
	border-left: 5px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
	padding: 2px;
	margin: 0;
	color: #000066;
}
#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

.css .de1, .css .de2, .html4strict .de1, .html4strict .de2, .javascript .de1, .javascript .de2, .mysql .de1, .mysql .de2, .php .de1, .php .de2, .smarty .de1, .smarty .de2, .sql .de1, .sql .de2, .xml .de1, .xml .de2 
{font-family: 'Courier New', Courier, monospace; font-weight: normal;color: #000020;}
.css .imp, .html4strict .imp, .javascript .imp, .mysql .imp, .php .imp, .smarty .imp, .sql .imp, .xml .imp 
{font-weight: bold; color: red;}
.css .kw1, .html4strict .kw1, .javascript .kw1, .mysql .kw1, .php .kw1, .smarty .kw1, .sql .kw1, .xml .kw1 
{color: #b1b100;}
.css .kw2, .html4strict .kw2, .javascript .kw2, .mysql .kw2, .php .kw2, .smarty .kw2, .sql .kw2, .xml .kw2 
{color: #000000; font-weight: bold;}
.css .kw3, .html4strict .kw3, .javascript .kw3, .mysql .kw3, .php .kw3, .smarty .kw3, .sql .kw3, .xml .kw3 
{color: #000066;}
.css .kw4, .html4strict .kw4, .javascript .kw4, .mysql .kw4, .php .kw4, .smarty .kw4, .sql .kw4, .xml .kw4 
{color: #f63333;}
.css .co1, .css .co2, .css .coMULTI, .html4strict .co1, .html4strict .co2, .html4strict .coMULTI, .javascript .co1, .javascript .co2, .javascript .coMULTI, .mysql .co1, .mysql .co2, .mysql .coMULTI, .php .co1, .php .co2, .php .coMULTI, .smarty .co1, .smarty .co2, .smarty .coMULTI, .sql .co1, .sql .co2, .sql .coMULTI, .xml .co1, .xml .co2, .xml .coMULTI 
{color: #808080; font-style: italic;}
.css .es0, .html4strict .es0, .javascript .es0, .mysql .es0, .php .es0, .smarty .es0, .sql .es0, .xml .es0 
{color: #000099; font-weight: bold;}
.css .br0, .html4strict .br0, .javascript .br0, .mysql .br0, .php .br0, .smarty .br0, .sql .br0, .xml .br0 
{color: #66cc66;}
.css .st0, .html4strict .st0, .javascript .st0, .mysql .st0, .php .st0, .smarty .st0, .sql .st0, .xml .st0 
{color: #ff0000;}
.css .nu0, .html4strict .nu0, .javascript .nu0, .mysql .nu0, .php .nu0, .smarty .nu0, .sql .nu0, .xml .nu0 
{color: #cc66cc;}
.php .me1 {color: #006600;}
.php .me2 {color: #006600;}
.php .re0 {color: #0000ff;}

pre ol{margin-left: 0;padding-left: 30px;}

pre .head {font-family: Verdana, Arial, sans-serif;color: #333333;font-weight: bold;background-color: #f0f0ff;border-bottom: 1px solid #d0d0d0;padding: 2px;font-size: 12px;}
pre li, pre li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;font: normal normal 95% 'Courier New', Courier, monospace; color: #003030;}
pre li.li2 {font-weight: bold;font-weight: bold; color: #006060;}
pre .foot {display: none;}
pre a:link {color: #000060;}
pre a:hover {background-color: #f0f000;}						

#images{
	visibility:hidden;
}
/****************************************
*
*      Estilos para los Imágenes con los Botones "Panorámica" 
*
*****************************************/
		
		
		#mascara 
		{
			BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 605px; PADDING-TOP: 0px
		}
		
		#contenedor 
		{
			WIDTH: 10000px
		}
		
		.ynsnip 
		{
			PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 605px; PADDING-TOP: 0px
		}
		
		.foto 
		{
			BORDER-BOTTOM: #999 0px solid
		}
		
		.fscleft 
		{
	
		}
		
		.fscleft A {
			DISPLAY: block; WIDTH: 32px; HEIGHT: 32px
		}
		
		.fscleft A.buttonOn 
		{
			BACKGROUND: url(./imagenes/botones/flecha_izq1.gif) no-repeat
		}
		
		.fscleft A:hover 
		{
			BACKGROUND: url(./imagenes/botones/flecha_izq2.gif) no-repeat; CURSOR: hand
		}
		
		.fscleft A STRONG 
		{
			DISPLAY: none
		}
		
		.fscright A 
		{
			DISPLAY: block; WIDTH: 32px; HEIGHT: 32px
		}
		
		.fscright 
		{
	
		}

		.fscright A.buttonOn 
		{
			BACKGROUND: url(./imagenes/botones/flecha_der1.gif) no-repeat
		}
		
		.fscright A:hover 
		{
			BACKGROUND: url(./imagenes/botones/flecha_der2.gif) no-repeat; CURSOR: hand
		}
		
		.fscright A STRONG 
		{
			DISPLAY: none
		}
		
		.fscleft A.buttonOff 
		{
			BACKGROUND: url(./imagenes/botones/flecha_izq3.gif) no-repeat; CURSOR: default
		}
		
		.fscleft A.buttonOff:hover 
		{
			BACKGROUND: url(./imagenes/botones/flecha_izq3.gif) no-repeat; CURSOR: default
		}
		
		.fscright A.buttonOff 
		{
			BACKGROUND: url(./imagenes/botones/flecha_der3.gif) no-repeat; CURSOR: default
		}
		
		.fscright A.buttonOff:hover 
		{
			BACKGROUND: url(./imagenes/botones/flecha_der3.gif) no-repeat; CURSOR: default
		}
		
		#flechas1 
		{
			LEFT: 530px; FLOAT: left; BOTTOM: 185px; POSITION: relative
		}
		
		#flechas2 
		{
			CLEAR: right; LEFT: 540px; FLOAT: left; BOTTOM: 185px; POSITION: relative
		}

		.pie 
		{
		PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px
		}

		.foto 
		{
		}
	
	.clear 
		{
		CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
		}
	
	.titulo 
	{
		MARGIN: 0px; FONT: bolder 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; COLOR: #990000
	}




/****************************************
*
*      Estilos para los Imágenes con los Botones 
*
*****************************************/
		
		#otro_mascara 
		{
			BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 5px; OVERFLOW: hidden; BORDER-LEFT: #ccc 1px solid; WIDTH: 300px; PADDING-TOP: 0px
		}
		
		.otro_ynsnip 
		{
			PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 0px
		}
		
		.otro_pie 
		{
			PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px 0px 6px; PADDING-TOP: 0px
		}
		
		#otro_flechas1 
		{
			LEFT: 210px; FLOAT: left; BOTTOM: 60px; POSITION: relative
		}
		
		#otro_flechas2 
		{
			CLEAR: right; LEFT: 220px; FLOAT: left; BOTTOM: 60px; POSITION: relative
		}

/*****************
IMAGE FLOW
*****************/
