BODY {
	/*scrollbar-3dlight-color : #00008B;
	/*#a9c3db;
	*/
	/* Borde de toda la barra */
	/*scrollbar-arrow-color : #FFFFFF;
	/* Flechitas */
	/*scrollbar-darkshadow-color : #00008B;
	/* Borde de los botones externos*/
	/*scrollbar-face-color : #00008B;
	/* Barra que se mueve */
	/*scrollbar-highlight-color : #2e3195;
	*/
	/* El borde de los botones */
	/*scrollbar-shadow-color : #2e3195;
	*/
		
	/* El fondo de la barra */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border:0px;
	/*color: White;*/
	/*text-align: center;*/
	height:100%;
	/*background: #fff url(grgrad.gif) repeat-x;*/
}

.widthbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #0066CC ; width: 200px}
.box {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #0066CC}
.button {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #336699; font-variant: small-caps; width: 200px;}
.formulario {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #336699;  font-variant: small-caps; width: 200px;}
    

.menu a    {
	color: #336699;
	background-color:transparent;
	
}
	    
.prueba a:link    {
	text-decoration:none;
	background-color:transparent;
	font-weight : bold;
}
.prueba a:visited {
	text-decoration:none;
	background-color:transparent;
	font-weight : bold
}
.prueba a:active  {text-decoration:none; color:#6A8D93; background-color:transparent;font-weight : bold}
.prueba a:hover   {text-decoration:underline; background-color:transparent;font-weight : bold}



a:link    {
	/* text-decoration:none;*/
	color: #336699;
	background-color:transparent;
	
}
a:visited {
	/*text-decoration:none;*/
	color: #336699;
	background-color:transparent;
	
}
a:active  {/*text-decoration:none; */color:#336699; background-color:transparent;}
a:hover   {/*text-decoration:none;*/ color:#336699; background-color:transparent;}
a:hover#otro   {text-decoration:underline; color:#336699; background-color:transparent;}


.pagina{
	width:100%; 
	height:100%;
	align: center;
	margin: 0px 0px 0px 0px;
	border: medium solid;
	color: #000000;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-style: solid solid solid solid;
	border-color: #000000;
	max-width:750px;
	min-width:750px;
	font-size:10px;
	background-repeat: repeat;
	text-align: justify;
	background-image: url("fond.jpg");
   /*background-color="#FAFAFA" */
	
	
	
}

#header {
	background: #00008B;
	text-align: left;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 0px;
	VERTICAL-ALIGN: top;
	PADDING-TOP: 0px;
	HEIGHT: 20px color:white;
}



.contenedor{
	margin: 0px;
    padding:0px;
	width:100%;}

.direccion{
	font-size:9px;
	text-align:left;
	color:white;
	background-color:Navy;
	width: 750px;
	}
  
.titulo1
{
	font-size:16px;
	text-align: left;
	font-weight:bold;
	color:#336699;
	/*color:#cb1a1d; */
	padding:0px;
	margin:0px;
	width:550px;
	height: 20px;
	text-indent:0px;
	
	
	
}

.titulo {
	padding-left: 20px;
	background-image: url(separador.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.titulo2
{
	font-size:13px;
	text-align: left;
	font-weight: bolder;
	color:black;
	padding:0px;
	margin:0px;
	/*width:90px;*/
	height: 10px;
	text-indent:10px;
	border-bottom : 1px dashed Black;
	
}

.titulo3
{
	font-size:12px;
	text-align: right;
	font-weight:bold;
	color:#000000;
	padding:0px;
	margin:0px;
	width:550px;
	height: 20px;
	text-indent:10px;
}

.titulo4
{
	font-size:10px;
	text-align: right;
	font-weight: bolder;
	color:black;
	padding:0px;
	margin:0px;
	/*width:300px;*/
	height: 10px;
	text-indent:10px;
	border-bottom : 1px dashed Black;
	color:#336699;	
}
.titulo5
{
	font-size:18px;
	text-align: right;
	font-weight:bold;
	color:#336699;
	padding:0px;
	margin:0px;
	width:300px;
	height: 20px;
	text-indent:10px;
	border-bottom : 1px solid  #336699;
}


.titulo6
{
	font-size:18px;
	text-align: right;
	font-weight:bold;
	color:#336699;
	padding:0px;
	margin:0px;
	width:550px;
	height: 20px;
	text-indent:10px;
	border-bottom : 1px solid  #336699;
}

.catalogo{
  width:100%;
  text-align:center;
    
}

.escrito {
	margin:00px 20px;
	text-indent: 10px;
}

.cuadricula
{
	border: 1px solid #0A6F83;
	width : 50px;
	height : 50px;
}

.cuadricula2
{
	border: 1px solid #0A6F83;
}


.administrador
{
	background: #CCCCCC;
	border: 2px;
}


.linea
{
  border-top:1px solid #0A6F83;
}

.hmenu	{
		margin: 0px 0px 0px 112px;
		vertical-align: top;
		padding: 2px 0px 0px 0px;
		text-align: left;
		font-size:10px;
		line-height: 14px;
		font-weight: bold;
		color: #fff;
		background-color: transparent;
		}
.hmenu a	{
		vertical-align: top;
		padding: 2px 0px 0px 0px;
		color: #fff;
		background-color: transparent;
		font-weight: bold;
		text-decoration:	none;
		}
	
	.hmenu a:visited	{
		vertical-align: top;
		padding: 2px 0px 0px 0px;
		text-decoration:	none;
		font-weight: bold;
		color: #fff;
		background-color: transparent;
		}
		
	.hmenu a:hover	{
		vertical-align: top;
		padding: 2px 0px 0px 0px;
		background-color: transparent;
		font-weight: bold;
		color: #fff;
		text-decoration:	none;
		}
	.menu {
		color:#FFFFFF;
		
		background-color: transparent;
		padding: 0;
		margin-top: -3px;
		}
	
	.menu .options {
		/*font:	1em/1.6em Verdana, arial, helvetica, sans-serif;*/
		font:	10px/15px Verdana, arial, helvetica, sans-serif;
		margin: 0;
		color: inherit;
		background-color: #ffffff;
		padding: 0px 0px 0px 0px;
		border-top: 0px solid #330;
		border-right: 1px solid #330;
		border-bottom: 1px solid #330;
		border-left: 1px solid #330;
		}
	
	.menu a {
		margin: 0;
		padding: 0;
		color:#FFFFFF;
		background-color: White;
		text-decoration: none;
		background-color: transparent;
		}
	
	.menu a:visited {
		margin: 0;
		padding: 0;
		color:#FFFFFF;
		background-color:transparent;
		text-decoration: none;
		}
	
	.menu a:hover {
		margin: 0;
		padding: 0;
		color:#7090A6;
		background-color: transparent;
		text-decoration: underline;
		}
		
	.menu .options ul {
		color: inherit;
		/*padding: 3px 0px 2px 2px;
		margin: 3px 2px 3px 12px;*/
		padding: 3px 0px 2px 0px;
		margin: 3px 2px 3px 15px;
		background-color: transparent;
		font-size: 100%;
		list-style:  square outside url("http://www.quark.com/images/icons/bullet_sq_sm_slateblue.gif");
		vertical-align: top;
		}	
	
	.menu .options ul li {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 8px;
		vertical-align: top;
		background-color: transparent;
		}
		
		
			
		/*******************
		end of drop-down menus
		*********************/	

		
.section	{
	height: 1px;
	background: transparent url(pgtitle.gif) repeat-x 0% 0%;
	margin: 0px 0px 25px 0px;
	text-align: left;
	}

	#sectiontext {
		color: #666;
		background-color:	transparent;
		/*font:	2.1em/1em Helvetica, Arial, sans-serif;*/
		font:	200%/100% Helvetica, Arial, sans-serif;
		font-weight:	bold;
		margin-left:10px;
		margin-bottom: -13px;
		text-align: left;
	}	
	h1	{
		color: #666;
		font:	bold 230%/110% Arial, sans-serif;
		background-color:	transparent;
		margin: 0px 0px 4px 0px;
		padding: 0px;
		}
		
	h2	{
		color:#369;
		background-color:	transparent;
		font:	bold 165%/110% Arial, sans-serif;
		padding: 0px;
		margin: 20px 0px 0px 0px;
		}
		
	h3	{
		color: #666;
		background-color:	transparent;
		font:	bold 150%/110% Arial, sans-serif;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		}
		
	h4	{
		color:	inherit;
		background-color:	transparent;
		font:	bold 120%/110% Arial, sans-serif;
		margin: 0px 0px 2px 0px;
		padding: 0px;
		}
		
	h5	{
		font:	bold 115%/110% Arial, sans-serif;
		margin: 3px 0px 4px 0px;
		padding: 0px;
		color:	inherit;
		background-color:	transparent;
		}	
	/* **********
	creates a container that always has 
	the 3-line dotted border horizontal 
	at the bottom
	********** */
		
	.feature	{
		clear: both;
		width: 100%;
		padding: 0px 0px 6px 0px;
		margin: 0px 0px 20px 0px;
		background: transparent url(/images/pgtitle.gif) repeat-x bottom;
		}
		
	.line-divider	{
		clear: both;
		width: 100%;
		padding: 0px 0px 6px 0px;
		margin: 0px 0px 0px 0px;
		border-bottom: 1px solid #ccc;
		}
			
	#side .line-divider	{	
		clear: both;
		width: 224px;
		padding: 0px 0px 0px 0px;
		margin: 0px 11px 25px 2px;
		border-bottom: 1px solid #ccc;
		}
			
	#side .feature	{
		clear: both;
		width: 228px;
		padding: 0px 0px 6px 0px;
		margin: 0px 0px 0px 2px;
		background: transparent url(/images/pgtitle.gif) repeat-x bottom;
		}		

	
	.anchorlistbox {
		color: inherit;
		background-color: transparent;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 7px 15px 1px 15px;  
		margin: 3px 0px 10px 0px;
		
	}
	
	.keybox {
		background: #eee url(/products/xpress/images/xpbackground3.gif) no-repeat top right;
		background-attachment: scroll;
		color: inherit;
		border: 2px solid #ccc;
		padding: 0px 27px 27px 12px;
		margin: 2px 0px 8px 8px;
	}
	
	.keybox h4	{
		margin: 12px 0px 0px 0px;
	}
	
	.sideboxlisthead {
		width:	215px;
		font-size:	1.1em;
		background-color: transparent;
		color: #999;
		font-weight: bold;
		border-left: 0px solid #ccc;
		padding: 3px 0px 3px 0px;
		margin: 12px 0px 0px 2px;
	}
	
	.sideboxlist {
		color: inherit;
		background-color: transparent;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 2px 6px 2px 3px;
		margin: 0px 0px 0px 0px;
	}	
	
	#side .sideboxlist {
		width:	218px;
		color: inherit;
		background-color: transparent;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 2px 6px 2px 3px;
		margin: 0px 0px 15px 2px;
	}	
	
	.sideboxlist ul {
		color: inherit;
		padding: 0px;
		margin: 10px 10px 10px 17px;
		background-color: transparent;
		font-size: 100%;
		vertical-align: middle;
		list-style-image: url(/images/icons/bullet_arrow_link.gif);
	}
	
	#side .colorboxhead {
		width:	215px;
		font-size: 110%;
		color: #999;
		background-color:	transparent;
		font-weight: bold;
		padding: 0px 6px 3px 0px;
		margin: 0px 0px 0px 2px;
	}
	
	.colorbox {
		width:	215px;
		color: inherit;
		/*background: #fff url(/images/menu_background) no-repeat 100% 0%;*/
		background: transparent url(/images/box_fill.gif) repeat 0% 0%;
		border: 2px solid #ccc;
		padding: 2px 6px 2px 3px;
		margin: 0px 0px 15px 2px;
		}
		
	.colorbox ul {
		color: inherit;
		padding: 0px;
		margin: 10px 0px 10px 17px;
		background-color: transparent;
		font-size: 100%;
		line-height: 1.6em;
		vertical-align: middle;
		list-style-image: url(/images/icons/bullet_arrow_link.gif);
	}
	
		#side .centerbox {
		width:	215px;
		color: inherit;
		background-color: transparent;
		font-size: 100%;
		border: 3px solid #eee;
		padding: 9px 6px 9px 3px;
		margin: 10px 0px 15px 2px;
		text-align: center;
		}
 /* ************************************************************** */	

	.fine	{
		font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		background-color: transparent;
		margin-top: 5px;
	}
	
	.lgquote	{
		font:	1.2em/1.6em Arial, Helvetica, sans-serif;
		font-style: italic;
		color: #666;
		background-color: transparent;
		}

	.quoteboxcontainer	{
		margin: 5px 0px 10px 35px;
		padding: 0px;
		}	
		
	.quotebox {
		color: inherit;
		background-color: transparent;
		border-top: 2px solid #ccc;
		border-right: 2px solid #ccc;
		border-left: 2px solid #ccc;
		border-bottom: 1px solid #fff;
		padding: 17px 17px 0px 17px;
		margin: 0px 0px 0px 0px;
		}

	.quoteboxbottom	{
		color: inherit;
		border-right: 2px solid #ccc;
		background: transparent url(/images/quotebox_bottom.gif) no-repeat 0% 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 16px;
		}
/* ***********  search result styles  **************** */	
.results-box	{
	padding:4px;
	color: inherit; 
	background-color: #f0f3f5; 
	margin: 0px 0px 0px 0px;
	height: 40px;
	}
	
.results-side	{
	background-color: transparent; 
	float:right; 
	width:90px; 
	border-left: 1px solid #fff; 
	margin-left: 3px; 
	padding-left: 5px;
	min-height: 40px;
	}
	
.results-line-divider	{
		clear: both;
		width: 100%;
		font:	1%/1% Arial, sans-serif;
		padding: 0px 0px 6px 0px;
		margin: -1px 0px 20px 0px;
		border-bottom: 1px solid #ccc;
		}
/* ***********  end search result styles  ************ */	








/* Mód. lateral izquierda y Submenu */
.iframe_alto {height:160px; padding:0px 0px 15px 0px;}
.mod_lateral_portada {width:273px; position: absolute; margin-top:20px; padding-bottom:0px; display: table-cell;}
.mod_lateral_portada_centrado {margin-left:36px; margin-bottom:0px;width:237px}
.publicidad_portada{width:238px; text-align:center; margin-top:20px; margin-bottom:20px}
#mod_lateral {width:163px; position: absolute; margin-top:10px;}
.fnd_lateral_redondeado_superior {height:3px; background:url(./include/estilo/fnd_lateral_redondeado_superior.gif) no-repeat top left; font: 1px serif;}
.fnd_lateral_redondeado_inferior {height:3px; background:url(./include/estilo/fnd_lateral_redondeado_inferior.gif) no-repeat top left; font: 1px serif; margin-bottom:10px}
.sub_navega {background-color:#FFFFFF; border:1px solid #336699;  padding:1px 4px; margin-right:2px; font: normal 11px Arial, Helvetica, sans-serif; color:#666666;}
.sub_navega ul {padding-bottom:3px;}
.sub_navega li { background-color:#F8F8F8;  list-style-type: none; border-bottom:1px solid #E1E1E1;}
.sub_navega ul li a {padding:6px 2px 5px 17px;font-weight:bold; color:#666666; text-decoration:none;  display:block; background-color:#F8F8F8; background:url(../img/ico_bolo.gif) no-repeat 7px 10px !important; background:url(../img/ico_bolo.gif) no-repeat 7px 15px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;}
.sub_navega ul li a:hover {font-weight:bold; color:#333333; text-decoration:none; background-color:#EFEFEF;}
.sub_navega .activo {font-weight:bold; color:#FE0000; text-decoration:none; background-color:#EFEFEF;}
.sub_navega p{width:101px; height:8px; background: transparent url(../img/txt_buscador_programacion.gif) no-repeat;margin-bottom:4px;}
.sub_navega p span{display:none;}
.buscador_programacion_campo {border:1px solid #ccc; background-color:#F9F9F9; font:normal 11px Arial, Helvetica, sans-serif; color:#333; width:146px; padding-left:3px}
.fnd_lateral_redondeado_superior2 {height:3px; background:url(../img/fnd_lateral_redondeado_superior2.gif) no-repeat top left; font: 1px/0px serif;}
.fnd_lateral_redondeado_inferior2 {height:5px; background:url(../img/fnd_lateral_redondeado_inferior2.gif) no-repeat top left; font: 1px/0px serif; margin-bottom:10px}
.fnd_lateral_redondeado_superior3 {height:4px; background:transparent url(../img/fnd_sup_portada.gif) no-repeat 0px 0px;font: 1px/0px serif;}
.fnd_lateral_redondeado_inferior3 {height:6px; background:transparent url(../img/fnd_inf_portada.gif) no-repeat 0px 0px;font: 1px/0px serif;margin-bottom:10px}
.sub_navega_promo {background-color:#FFFFFF; background:url(../img/fnd_lateral_redondeado_centro2.gif) repeat-y top ; padding:1px 4px; font: normal 11px Arial, Helvetica, sans-serif; color:#666666;}
.sub_navega_portada {background-color:#FFFFFF; background:url(../img/fnd_centro_portada.gif) repeat-y top ; padding:1px 4px; font: normal 11px Arial, Helvetica, sans-serif; color:#666666;}
.sub_navega_promo p {font:bold 11px Arial, Helvetica, sans-serif; color:#333333; padding:3px 3px 4px 1px;}



#menu{
	border-right-width: 1px;
	float: left;
	text-align: left;
	 margin-top:60px; 
}


#menu ul {
	width: 160px;
	color: #000000;
	list-style: none;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
#menu li {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	/*height: 30px;*/
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#menu ul li a {
	text-decoration: none;
	display:block;
	/*width:135px;*/
/*	height:16px;*/
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	background-color: #336699; 
	font-variant: small-caps; 
	height: 25px;

	font-size: 11px;
	/*color: #000000;*/
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	padding-top: 10px;
}

#documentos
{
	border-right-width: 1px;
	float: left;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
}
#documentos ul
{
	width: 140px;
	color: #000000;
	list-style: none;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
#documentos li
{
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0B884;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#documentos ul li a
{
	text-decoration: none;
	display: block;
	width: 140px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	padding-top: 6px;
	
}
#documentos a:hover
{
	color: #000000;
}
#documentos .m2 a 
{
	background-repeat: no-repeat;
	height: 30px;
	background-image: url(../images/descarga1.gif);
}
#documentos .m2 a:hover
{
	background-repeat: no-repeat;
	height: 30px;
	background-image: url(../images/descarga2.gif);
	color: #336699;
}

#documentos .m3 a 
{
	background-repeat: no-repeat;
	height: 30px;
	background-image: url(../images/descarga2.gif);
	font-size: 14px;
	color: #336699;
	font-weight:bold;
}



.linea1 {
background-color:#336699;
width:100%;
height:8px;

}

.linea2 {
background-color:#F9C83D;
width:100%;
height:8px;
}

.lineaTop {
background-color:#F9C83D;
width:100%;
height:18px;

}



#contenedor{ 
    text-align: left; 
    margin: auto; 
	height:100%;
} 
#cabecera{ 
    background-color: #d0d0ff; 
    color: #333300; 
    font-size:12pt; 
    font-weight: bold; 
    padding: 3 3 3 10px; 
} 
#cuerpo{ 
    margin: 10 0 10 0px; 
} 
#izq{ 
    width: 210px; 
    background-color: #FFFFFF; 
    float:left; 
}  
#drcha2{ 
    width: 120px; 
    float: right; 
} 

#derecha{ 
    margin: 0 0 0 170px; 
} 

#principal{ 
    background-color: #ffffff; 
    padding: 4 4 4 4px; 
    width: 450px; 
	float:left;
	
     	
} 

.contenido {
margin-top:30px;
margin-left: 20px;
margin-right: 10px;
float:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:530px;
text-align:justify;
height:320px;
valign:top;

}

#pie{ 
    
    padding: 3 10 3 10px; 
    text-align:right; 
    clear: both; 
} 

.fundotop {
	background: #fff url(grgrad.gif) repeat-x;
	background-position: top;
	/*background-image: url(fundo_top.gif);
	background-repeat: repeat-x;
	background-position: bottom;
*/
}