@charset "utf-8";
/* CSS Document */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	font-size: 11px;
	
}
.sombrasindexizq {

background-position:right top; 
background-repeat:repeat-y;
background-image:url(../images/bg1222.gif);
}

.sombrasindexder {

background-position:left top; 
background-repeat:repeat-y;
background-image:url(../images/bg1223.gif);
}

.titdia {
	background-color: #DFCC8A;
	background-image:url(../images/titular_dia.png);
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
}

.tittarde {
	background-color: #DFCC8A;
	background-image:url(../images/titular_tarde.png);
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
}

.titnoche {
	background-color: #DFCC8A;
	background-image:url(../images/titular_noche.png);
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-weight: bold;
}

.parrafo { list-style-type: none; }


a{COLOR: #333333;}
.contenido_texto {
	font-size: 13px;
	font-style: normal;
	color: #333333;
	text-align: justify;
}

A:link {COLOR: #333333; TEXT-DECORATION: none}

.workspace {
	height: 980px;
	width: 1000px;
	background-position: center top;
	margin: auto;
	border: 0;
}
.titulo_encuesta_tabla {
	text-align: center;
	color: #222;
	font-size: 10px;
}

#encuesta table {
	font-size: 11px;
	height: 180px;
	width: 152px;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
}


.template {
	height: 980px;
	width: 1000px;
	overflow:hidden;
	background-position: center top;
	margin: auto;
}
.preg1_encuesta_tabla {
	font-size: 12px;
	text-align: center;
	background-color: #DFCC8A;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.preg2_encuesta_tabla {
	font-size: 12px;
	text-align: center;
	background-color: #EDE3BE;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 2px 0px;
	margin: 0px 0px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #EDE3BE;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #FFFFFF;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #DFCC8A;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	//*background-color: #EEE;*//
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 2px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */

	
}
				
.carousel-component ul.carousel-list { 
	width:1000000000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
	margin:1px;
    width:151px;
	
    
}

#prev-arrow {
	position:absolute;
	top:80px;
	z-index:3;
	cursor:pointer;
	left:0px;
	
}

#next-arrow { 
    position:absolute;
    top:80px;
    z-index:3;
    cursor:pointer; 
    right:0px; 
}
/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	/*background:#F5F5F5;*/
	padding:0px;
	-moz-border-radius:30px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:left;
	margin:2px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}

.comunicado_tabla {
	height: 230px;
	width: 155px;
	background-position: top;
}
.comunicado_titulo {
	font-size: 10px;
	color: #666666;
	text-align: center;
	font-weight: bold;
}
.comunicado_resumen {
	font-size: 10px;
	color: #666666;
	text-align: left;
}
.comunicado_texto {
	font-size: 11px;
	color: #666666;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif
	text-align: left;
}


/*Interes*/

.sliderwrapper_int  {
	BORDER-RIGHT: navy 0px solid;
	BORDER-TOP: navy 0px solid;
	OVERFLOW: hidden;
	BORDER-LEFT: navy 0px solid;
	WIDTH: 155px;
	BORDER-BOTTOM: navy 0px solid;
	POSITION: relative;
	HEIGHT: 105px
}
.sliderwrapper_int .contentdiv_int {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: white; FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100); LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; WIDTH: 155px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; -moz-opacity: 1; opacity: 1
}
.pagination_int {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 150px; PADDING-TOP: 0px; BACKGROUND-COLOR: 000; TEXT-ALIGN: center
}
.pagination_int A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #DFCC8A; PADDING-BOTTOM: 0px; COLOR: #666666; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.pagination_int A:hover {
	COLOR: #000; BACKGROUND-COLOR: #EDE3BE
}
.pagination_int A.selected {
	COLOR: #000; BACKGROUND-COLOR: #EDE3BE
}


/*Difusion*/
.sliderwrapper  {
	BORDER-RIGHT: navy 0px solid;
	BORDER-TOP: navy 0px solid;
	OVERFLOW: hidden;
	BORDER-LEFT: navy 0px solid;
	WIDTH: 215px;
	BORDER-BOTTOM: navy 0px solid;
	POSITION: relative;
	HEIGHT: 285px
}
.sliderwrapper .contentdiv {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: white;
FILTER: progid:DXImageTransform.Microsoft.alpha(opacity=100); 	LEFT: 0px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 0px;
	WIDTH: 215px;
	PADDING-TOP: 0px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 100%;
	-moz-opacity: 1;
	opacity: 1
}
.pagination {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 220px; PADDING-TOP: 0px; BACKGROUND-COLOR: 000; TEXT-ALIGN: center
}
.pagination A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: white; PADDING-BOTTOM: 0px; COLOR: #666666; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.pagination A:hover {
	COLOR: #000; BACKGROUND-COLOR: #D7D7D7
}
.pagination A.selected {
	COLOR: #000; BACKGROUND-COLOR: #D7D7D7
}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
	margin: 0;
	border: 0 none;
	padding: 0; /*For KHTML*/
	width: 154px;
	list-style: none;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-v a {
  padding: 0 0px;
  display: block;
  background: #DFCC8A;
  color: #666;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
}

/* Root Menu Hover Persistence */

ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #CCC;
  color: #FFF;
   
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #DFCC8A;
  color: #666;
  width: 210px; /*For KHTML*/
     padding: 0 5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
 background: #DFCC8A;
  color: #666;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #DFCC8A;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 154px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}


ul#navmenu-v2,
ul#navmenu-v2 li,
ul#navmenu-v2 ul {
	margin: 0;
	border: 0 none;
	padding: 0; /*For KHTML*/
	/*width: 154px;*/
	list-style: none;
}

ul#navmenu-v2:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v2 li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-v2 a {
  padding: 0 0px;
  display: block;
  background: #DFCC8A;
  color: #666;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
}

/* Root Menu Hover Persistence */

ul#navmenu-v2 a:hover,
ul#navmenu-v2 li:hover a,
ul#navmenu-v2 li.iehover a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #CCC;
  color: #FFF;
   
}

/* 2nd Menu */
ul#navmenu-v2 li:hover li a,
ul#navmenu-v2 li.iehover li a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #DFCC8A;
  color: #666;
  /*width: 210px;*/ /*For KHTML*/
     padding: 0 5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v2 li:hover li a:hover,
ul#navmenu-v2 li:hover li:hover a,
ul#navmenu-v2 li.iehover li a:hover,
ul#navmenu-v2 li.iehover li.iehover a {
 background: #DFCC8A;
  color: #666;
}

/* 3rd Menu */
ul#navmenu-v2 li:hover li:hover li a,
ul#navmenu-v2 li.iehover li.iehover li a {
  background: #DFCC8A;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v2 li:hover li:hover li a:hover,
ul#navmenu-v2 li:hover li:hover li:hover a,
ul#navmenu-v2 li.iehover li.iehover li a:hover,
ul#navmenu-v2 li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-v2 li:hover li:hover li:hover li a,
ul#navmenu-v2 li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-v2 li:hover li:hover li:hover li a:hover,
ul#navmenu-v2 li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-v2 ul,
ul#navmenu-v2 ul ul,
ul#navmenu-v2 ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  /*left: 154px;*/
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v2 li:hover ul ul,
ul#navmenu-v2 li:hover ul ul ul,
ul#navmenu-v2 li.iehover ul ul,
ul#navmenu-v2 li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v2 li:hover ul,
ul#navmenu-v2 ul li:hover ul,
ul#navmenu-v2 ul ul li:hover ul,
ul#navmenu-v2 li.iehover ul,
ul#navmenu-v2 ul li.iehover ul,
ul#navmenu-v2 ul ul li.iehover ul {
  display: block;
}



/* Vertical - Derecha */
ul#navmenu-d,
ul#navmenu-d li,
ul#navmenu-d ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 154px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-d:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-d li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-d a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 0px;
  display: block;
  background: #DFCC8A;
  color: #666;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
}

/* Root Menu Hover Persistence */
ul#navmenu-d a:hover,
ul#navmenu-d li:hover a,
ul#navmenu-d li.iehover a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #CCC;
  color: #FFF;
   
}

/* 2nd Menu */
ul#navmenu-d li:hover li a,
ul#navmenu-d li.iehover li a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #DFCC8A;
  color: #666;
  width: 200px; /*For KHTML*/
     padding: 0 5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-d li:hover li a:hover,
ul#navmenu-d li:hover li:hover a,
ul#navmenu-d li.iehover li a:hover,
ul#navmenu-d li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-d li:hover li:hover li a,
ul#navmenu-d li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-d li:hover li:hover li a:hover,
ul#navmenu-d li:hover li:hover li:hover a,
ul#navmenu-d li.iehover li.iehover li a:hover,
ul#navmenu-d li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-d li:hover li:hover li:hover li a,
ul#navmenu-d li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-d li:hover li:hover li:hover li a:hover,
ul#navmenu-d li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-d ul,
ul#navmenu-d ul ul,
ul#navmenu-d ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-d li:hover ul ul,
ul#navmenu-d li:hover ul ul ul,
ul#navmenu-d li.iehover ul ul,
ul#navmenu-d li.iehover ul ul ul {
  display: none;
}

ul#navmenu-d li:hover ul,
ul#navmenu-d ul li:hover ul,
ul#navmenu-d ul ul li:hover ul,
ul#navmenu-d li.iehover ul,
ul#navmenu-d ul li.iehover ul,
ul#navmenu-d ul ul li.iehover ul {
  display: block;
}

/* Vertical - Derecha Larga */
ul#navmenu-dl, 
ul#navmenu-dl li,
ul#navmenu-dl ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 154px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-dl:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-dl li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-dl a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 0px;
  display: block;
  background: #DFCC8A;
  color: #666;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
}

/* Root Menu Hover Persistence */
ul#navmenu-dl a:hover,
ul#navmenu-dl li:hover a,
ul#navmenu-dl li.iehover a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #CCC;
  color: #FFF;
   
}

/* 2nd Menu */
ul#navmenu-dl li:hover li a,
ul#navmenu-dl li.iehover li a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #DFCC8A;
  color: #666;
  width: 390px; /*For KHTML*/
     padding: 0 5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-dl li:hover li a:hover,
ul#navmenu-dl li:hover li:hover a,
ul#navmenu-dl li.iehover li a:hover,
ul#navmenu-dl li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-dl li:hover li:hover li a,
ul#navmenu-dl li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-dl li:hover li:hover li a:hover,
ul#navmenu-dl li:hover li:hover li:hover a,
ul#navmenu-dl li.iehover li.iehover li a:hover,
ul#navmenu-dl li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-dl li:hover li:hover li:hover li a,
ul#navmenu-dl li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-dl li:hover li:hover li:hover li a:hover,
ul#navmenu-dl li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-dl ul,
ul#navmenu-dl ul ul,
ul#navmenu-dl ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -401px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-dl li:hover ul ul,
ul#navmenu-dl li:hover ul ul ul,
ul#navmenu-dl li.iehover ul ul,
ul#navmenu-dl li.iehover ul ul ul {
  display: none;
}

ul#navmenu-dl li:hover ul,
ul#navmenu-dl ul li:hover ul,
ul#navmenu-dl ul ul li:hover ul,
ul#navmenu-dl li.iehover ul,
ul#navmenu-dl ul li.iehover ul,
ul#navmenu-dl ul ul li.iehover ul {
  display: block;
}


ul#navmenu-dl2, 
ul#navmenu-dl2 li,
ul#navmenu-dl2 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 154px; /*For KHTML*/
  list-style: none;
}

ul#navmenu-dl2:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-dl2 li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu-dl2 a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 0px;
  display: block;
  background: #DFCC8A;
  color: #666;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  
}

/* Root Menu Hover Persistence */
ul#navmenu-dl2 a:hover,
ul#navmenu-dl2 li:hover a,
ul#navmenu-dl2 li.iehover a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #CCC;
  color: #FFF;
   
}

/* 2nd Menu */
ul#navmenu-dl2 li:hover li a,
ul#navmenu-dl2 li.iehover li a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  background: #DFCC8A;
  color: #666;
  width: 390px; /*For KHTML*/
     padding: 0 5px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-dl2 li:hover li a:hover,
ul#navmenu-dl2 li:hover li:hover a,
ul#navmenu-dl2 li.iehover li a:hover,
ul#navmenu-dl2 li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-dl2 li:hover li:hover li a,
ul#navmenu-dl2 li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-dl2 li:hover li:hover li a:hover,
ul#navmenu-dl2 li:hover li:hover li:hover a,
ul#navmenu-dl2 li.iehover li.iehover li a:hover,
ul#navmenu-dl2 li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-dl2 li:hover li:hover li:hover li a,
ul#navmenu-dl2 li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu-dl2 li:hover li:hover li:hover li a:hover,
ul#navmenu-dl2 li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-dl2 ul,
ul#navmenu-dl2 ul ul,
ul#navmenu-dl2 ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -401px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-dl2 li:hover ul ul,
ul#navmenu-dl2 li:hover ul ul ul,
ul#navmenu-dl2 li.iehover ul ul,
ul#navmenu-dl2 li.iehover ul ul ul {
  display: none;
}

ul#navmenu-dl2 li:hover ul,
ul#navmenu-dl2 ul li:hover ul,
ul#navmenu-dl2 ul ul li:hover ul,
ul#navmenu-dl2 li.iehover ul,
ul#navmenu-dl2 ul li.iehover ul,
ul#navmenu-dl2 ul ul li.iehover ul {
  display: block;
}

.theme {
	background-color: #DFCC8A;
	border-spacing: 0;
	
}
.contenido_texto_titulos {
	font-size: 14px;
	font-style: normal;
	color: #333333;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
}
.pie_requerido {
	font-size: 10px;
	color: #990000;
	text-align: left;
	font-weight: bold;
}



#lightbox, #textLightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:5px;	border:1px solid #000
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#000000;
	}
	
/*Panel colapsable*/

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}


.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}


.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #CCCCCC;
}
.mensajesrojos {
	font-size: 12px;
	color: #990000;
	text-align: left;
	font-weight: bold;
}

#formContenedor 
{


}

table {  }

input 
{
	/*width:50px;*/
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:0px solid;*/
}

/*textarea
{
	width:220px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}*/

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label { width:110px; text-align:left; }

.campo { width:240px; }

.ayuda { width:50px; text-align:center; }

.inputNormal { border:1px solid; }

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:visible;
	text-align:center;
}

#ayudaTitulo
{
	background-color: #999999; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
	background-color:#FFFFFF;
}
.nivel0 {
padding-left:0px;
}

.nivel1 {
padding-left:0px;
}

.nivel2 {
padding-left:2px;
background-image:url(../images/nivel2.jpg);
}

.nivel3 {
padding-left:30px;
background-image:url(../images/nivel3.jpg);

}

.nivel4 {
padding-left:60px;
background-image:url(../images/nivel4.jpg);
}

.nivel5 {
padding-left:90px;
background-image:url(../images/nivel5.jpg);
}

.nivel6 {
padding-left:120px;
background-image:url(../images/nivel6.jpg);
}

.semaforo_ama {
background-color:#FFFF00;

}

.semaforo_rojo {
background-color:#FF0000;

}

.semaforo_verde {
background-color:#33FF00;

}

tablas derechos humanos
.thead {
  color: #288dd3;
  font-size: 15px;
  
}
.form_styles {
  background: #FFFFFF;
  color: #2b8dd8;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
  border: 1px solid #b5ddff;
}

.navbar {
  padding: 0px 0px 0px 0px;
}
.smalltext1 {
  color: #333333;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
}

.smalltext {
  color: #333333;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
}
.smalltext a {
  color: #333333;
  text-decoration: none;
}
.smalltext a:visited {
  color: #333333;
  text-decoration: none;
}
.smalltext a:hover {
  color: #298ed4;
  text-decoration: underline;
}
.title {
  color: #298ed4;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
}
.title a {
  color: #298ed4;
  text-decoration: none;
}
.title a:visited {
  color: #298ed4;
  text-decoration: none;
}
.title a:hover {
  color: #298ed4;
  text-decoration: underline;
}
.tut2 {
  background: #F9F8F2;
  color: #93A2B8;
  font-size: 11px;
  font-family: Arial,Helvetica,sans-serif;
  border-bottom: 1px solid #81C8FF;border-top: 4px solid #81C8FF;margin: 5px 5px 5px 5px;border-left: 1px solid #81C8FF;border-right: 1px solid #81C8FF;
}
.tut1 {
	background: #F9F8F2;
	color: #7E91AB;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #A5B8C6;
	border-top: 4px solid #A5B8C6;
	margin: 0px 2px 0px 0px;
	border-left: 1px solid #A5B8C6;
	border-right: 1px solid #A5B8C6;
}

.tuts {
	background: #F9F8F2;
	color: #7E91AB;
	font-size: 9px;
	font-family: Arial,Helvetica,sans-serif;
	}





.tut22 {
	font-size: 11px;
	font-family:"Century Gothic";
	font-weight: bold;
	
	}

.tut1_textgde {
	background: #F9F8F2;
	color: #7E91AB;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #A5B8C6;
	border-top: 4px solid #A5B8C6;
	margin: 0px 2px 0px 0px;
	border-left: 1px solid #A5B8C6;
	border-right: 1px solid #A5B8C6;
}

.titizq {
background-image:url(../images/plecas/pleca_izq.jpg); 
background-position:left; 
background-repeat:no-repeat;
padding-left:45px;
font-size: 13px;
	font-style: normal;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align:left;


}.titulo_capeaindex {
	text-align: center;
	color: #333333;
	font-size: 9px;
	font-weight: bold;
}