/********** RESETEAMOS LOS ESTILOS *********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}
/********** ESTRUCTURA **********/
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	background-image:url("../images/Bg_Page.jpg");
	background-repeat:repeat;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #333333;
    }
	
body#calendar {background-image:url("../images/transparent2.png");}
	
.flotante #container { 
	width: 96%;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background-image:url("../images/Bg_Content.jpg");
	background-position:0 0;
	background-repeat:repeat-y;
	margin: 1em auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: left; /* esto anula text-align: center en el elemento body. */
	border:0.2em solid #FFFFFF;
}
.flotante #container_legales { 
	width: 96%;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background-image:url("../images/stripped.jpg");
	background-position:0 0;
	background-repeat:repeat;
	margin: 1em auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	text-align: justify; /* esto anula text-align: center en el elemento body. */
	border:0.2em solid #FFFFFF;
} 

.MenuHeader {
	position:relative;
	top:-3em;
	left:80%;
	z-index:100;
	padding:1.9em 0 0 1.5em;
	width:15.5em;
	height:3.8em;
	background-image:url("../images/Bg_MenuHeader.png");
	background-repeat:no-repeat;
}
.flotante #header { 
	height:18em;
	background-image:url("../images/Bg_Cabecera.jpg");
	background-repeat:repeat-x;
	border-bottom:0.1em solid #CCCCCC;
} 

/* Sugerencias para sidebar1:
1. dado que está trabajando en porcentajes, es conveniente no utilizar relleno en la barra lateral. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
2. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".flotante #sidebar1 p".
3. Dado que Explorer calcula los anchos después de mostrarse el elemento padre, puede que ocasionalmente encuentre errores inexplicables con columnas basadas en porcentajes. Si necesita resultados más predecibles, puede optar por cambiar a columnas con tamaño en píxeles.
*/
.flotante #sidebar1 {
	float: left; 
	width: 22em; /* dado que este elemento es flotante, debe asignarse un ancho */
	position:relative;
	z-index:50;
	top:-14.2em;
	left:-1em;
	background-image:url("../images/Bg_Sidebar.png");
	background-repeat:no-repeat;
	background-position:0.7em 0;
}

#sidebar1 ul {
	padding:0.3em 0;
	margin:0 0 0 2em;
}

#sidebar1 li {
	padding:0.3em 0;
	margin:0 0.5em;
}

.flotante #mainContent { 
	margin: 2em 2.5em 0 24em;
}
.flotante #mainContent_legales { 
	margin: 2em 3em;
}
.flotante #footer { 
	padding: 2em 1em 0 1em; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
	margin-top:1em;
	background-image:url("../images/Bg_footer.png");
	background-repeat:repeat-x;
	height:3.5em;
	text-align:center;
}
#mainContent ul, #mainContent ol, #mainContent_legales ul {
	padding:0 0 0 3.5em;
	margin:0.5em 0 0.5em 1em;
	border-left:0.2em dotted #999999;
	background-image:url("../images/Bg_List.png");
	background-position:0.2em -0.1em;
	background-repeat:no-repeat;
}	
#AgendaEvento ul {background:none; margin:0 0 0 2em; padding:0 0 0 3em}
#mainContent ul ul, #mainContent ol ul {
	margin:0.5em 0 0.5em 1em;
	background:none;
}
#mainContent li {margin-bottom:1em;} 

.flotante #footer p {
	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
	padding: 1em 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}

/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
	float: left;
}
.fltlft2 { /* esta clase puede utilizarse para que un elemento flote centrado en la página. */
	float: right;
	margin-right: 50px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el &uacuteltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear:both;
	line-height: 0;
}
#marcoLicitaciones{
	float:left;
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#divAbiertasObra {
	padding: 0px;
}
#divCerradas {
	padding: 0px;
}

#apartado {
	z-index:50;
	width:30%;
	border-top:0.1em solid #DDDDDD;
	border-left:0.1em solid #DDDDDD;
	border-right:0.1em solid #DDDDDD;
	border-bottom:0.8em solid #DDDDDD;
	margin:1em 0.5% 1em 0.5%;
	padding:1% 1% 2% 1%;
	background-image:url("../images/Bg_apartado.jpg");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#apartado2 {
	z-index:50;
	width:45%;
	border-top:0.1em solid #DDDDDD;
	border-left:0.1em solid #DDDDDD;
	border-right:0.1em solid #DDDDDD;
	border-bottom:0.8em solid #DDDDDD;
	margin:1em 0.5% 1em 0.5%;
	padding:1% 1% 2% 1%;
	background-image:url("../images/Bg_apartado.jpg");
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#separador{
	background-image:url("../images/stripped.gif");
	background-position:0 0;
	background-repeat:repeat;
	border:0.1em solid #DDDDDD;
	margin:1em 0.5% 0 0.5%;
	padding:0.3em;
	width:98%;
	float:left;
}
#separador h4 {
	background-image:url("../images/Bg_destacados.png");
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0.4em 0.2em 0.2em 2em;
	}
.servicios{
	background-image:url("../images/transparent2.png");
	background-position:0 0;
	background-repeat:repeat;
	}
/********** FIN ESTRUCTURA **********/	



/************* LINKS ****************/

a { color:#E5352C; text-decoration:none}
a:hover { color:#E5352C; text-decoration:underline}
a:visited { color:#7b0e08}
a img { border:none;}

/************* FIN LINKS *************/


/* ETIQUETAS HTML */

H1 {font-size:1.8em; margin-bottom:1.5em; color:#112544; border-bottom:0.1em solid #112544}
H2 {font-size:1.7em; font-weight:bold}
H3 {font-size:1.6em; font-weight:bold}
H4 {font-size:1.4em; font-weight:bold}
H5 {font-size:1.2em; color:#E5352C; font-weight:bold}
H6 {font-size:1.1em; font-weight:bold}
.blanco{color:#FFFFFF;}
fieldset{
	padding:1em 1% 1% 3%;
	margin-right:1%;
	width:43%
}
fieldset.galeria{
	padding:1em 1% 1% 3%;
	margin-right:1%;
	width:92%;
}

/* Acordeon */

.applemenu {
	margin:13.9em 0 0 0;
}

.silverheader{
	margin:0;
}

.applemenu .MenuItem{
	
	background-image:url("../images/button.png");
	background-repeat:no-repeat;
	height:1.8em;
	margin:0em;
	padding:0.5em 0 0 1.8em;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
}
.applemenu .MenuItem:hover{background-image:url("../images/button2.png");}
.applemenu .MenuItem a{
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.submenu {
	padding:0.5em 0 0.5em 1em;
	margin:0 0.8em 0 1em;
	background-image:url("../images/Bg_Menu.png");
	background-repeat:repeat-y;
}
li#Mapa_Completo{
	width:80%;
	border-bottom:0.2em dotted #333333;
	margin-bottom:0.5em;
	padding:0.5em 0 0.5em 2em;
	background-image:url("../images/mapa_completo.png");
	background-repeat:no-repeat;
	background-position:0 0;
}

/******************************************************/

/* NOTICIAS */

#noticias {
	padding:1em 2em 0 2.5em;
	margin:1.5em 0 0 0;
	height:19.8em;
	background-image:url("../images/Bg_noticias.png");
	background-repeat:no-repeat;
	background-position:1.5em 0;
}

#noticias h4 {
	margin:0 0 1.2em 0;
	}
.EncabezadoNoticia{
	background-image:url("../images/marcador.png");
	background-position:0 0.2em;
	background-repeat:no-repeat;
	font-weight:bold;
	margin:0.5em 0;
	padding:0.2em 0 0.2em 1.5em;
}
/* CONTACTO */

#contacto {
	width:90%;
	margin:2em 0 0 0;
	padding:2%;
	background-image:url("../images/Bg_Contacto.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	text-align:left;
}

.caja #contacto{
	border:0.1em solid #E5352C;
	background-color:transparent;
	width:100%;
}
.boton {
	cursor:pointer;
	background-image:url("../images/Bg_Input.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#FFFFFF;
	border:none;
	width:6em;
	height:1.7em;
}
.botonOver {
	cursor:pointer;
	background-image:url("../images/Bg_Input_Over.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#FFFFFF;
	border:none;
	color:#E5352C;
	width:6em;
	height:1.7em;
}
.boton_Lrg {
	cursor:pointer;
	background-image:url("../images/Bg_Input_Lrg.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#FFFFFF;
	border:none;
	width:200px;
	height:1.7em;
}
.botonOver_Lrg {
	cursor:pointer;
	background-image:url("../images/Bg_Input_Over_Lrg.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#FFFFFF;
	border:none;
	color:#E5352C;
	width:200px;
	height:1.7em;
}

input.boton[value="Buscar"], input.botonOver[value="Buscar"] {float:right;}
/************************** Gráficos y tablas  *********************************/
table.Resultados {
	border:1px dotted #CCCCCC;
	width:98%;
	margin:1em;
	background-image:url("../images/transparent2.png")
}
table.Resultados td {
	text-align:center;
}
table.Resultados th {
	text-align:left;
	font-weight:bold;
	padding:0.2em
}
table.Resultados caption {
	background-image:url("../images/Bg_Tablas.jpg");
	background-repeat:repeat-x;
	font-weight:bold;
	color:#FFFFFF;
	padding:0.5em;
}
table.Resultados .BorderBottom {border-bottom:0.1em solid #E5352C;}

/*************************************************************************************/

.archivo {
	border-bottom:0.2em solid #999999;
	border-top:0.2em solid #999999;
	background-image:url("../images/transparent2.png");
}

.cursiva {
	font-style:italic;
}

.TextoPeq {font-size:0.9em}
div.TextoPeq {
	border-left:0.1em solid #CCCCCC;
	margin:0 0 1em 2em;}

.alignleft {text-align:left;}

.arriba {
	text-align:left;
	margin:2em 0 0 0;
	cursor:pointer;
}

strong {font-weight:bold; color:#000000;}
strong.red {font-weight:bold; color:#E5352C;}
.center {text-align:center;}
h4.Encabezado{
	background-image:url("../images/bg_encabezados.png");
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0.5em 0 1.2em 3.6em;
}

/**************************** Estatutos *********************************/

p.Articulo {
	margin:2em 0 1.5em 0;
	border-bottom:0.1em solid #112544;
}

h5.Seccion {
	margin:2em 0 1em 0;
}
/**************************************************************************/


/************************** Municipios ***********************************/

div.Muni {
	border: 0.1em solid #CCCCCC;
	margin:2em 0 0 0;
	padding:1em;background-image:url("../images/Bg_Muni.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
div.Muni2 {
	border: 0.1em solid #CCCCCC;
	margin:2em 0 0 0;
	padding:1em;background-image:url("../images/Bg_Muni.png");
	background-repeat:no-repeat;
	background-position:0 0;
	height:500px;
}
div.Muni h5 {margin-left:1em;}
div.Muni h5.Muni_Contacto, div.Muni h5.Muni_SocioEconomico {margin-left:0;}
#mainContent ul.Municipios {
	background-image:none;
	border:none;
	margin:0 0 0 4em;
}
.Muni_Contacto, .Muni_SocioEconomico, .Muni_Ficha, .Muni_Estatuto, .Muni_Error, .Muni_OK {
	background-repeat:no-repeat;
	background-position:0 0;
	padding:1em 0 0.7em 3em;
	margin:0 0 1em 0;
}
.Muni_SocioEconomico {	background-image:url("../images/Bg_Muni_SocioEconomico.png");}
.Muni_Contacto { background-image:url("../images/Bg_Muni_Contacto.png");}
.Muni_Ficha { background-image:url("../images/Bg_Muni_Ficha.png");}
.Muni_Estatuto { background-image:url("../images/Bg_Muni_Estatuto.png");}
.Muni_Error { background-image:url("../images/Bg_Muni_Error.png"); border-bottom:0.2em dotted #CCCCCC; padding:1em 0 2em 6em;}
.Muni_OK{ background-image:url("../images/Bg_Muni_OK.png"); border-bottom:0.2em dotted #CCCCCC; padding:1em 0 2em 6em;}

/***************************************************************************************/

.No_Registro {
	border:0.2em dotted #CCCCCC;
	background-color:#EFEFEF;
	margin:3em 6em;
	padding:1em;
}

#atras {float:right;}
.marca {
	background-image:url("../images/marca.png");
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0 0 0 1.7em;
}
.TablaCabecera {
	background-color:#112544;
	color:#FFFFFF;
	padding:0.2em;
	width:0.1em
}

.TablaCabecera strong {
	color:#FFFFFF;
}

.listado, .Menu_Proyecto {
	background-image:url("../images/Bg_Listado.png");
	background-position:right bottom;
	background-repeat:no-repeat;
	padding:1.5em 2em 2.5em 1.5em;
	font-size:90%;
	border-bottom:0.2em dotted #F3F3F3;
	border-right:0.2em dotted #F0F0F0;
}

#agenda {
	background-image:url("../images/Bg_Agenda.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:170px;
	height:175px;
}

.tblContenedora #agenda {
	padding:0;
	margin:0;
	width:170px;
}
.tblCalendar{margin-top:1em;}
#mainContent .tblCalendar{font-size:120%}

.hdrA, .hdr {padding-top:0.2em;}
.Bg_Transparent {background-image:url("../images/transparent2.png")}
/*************************************************************************************************************************************************************/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(../images/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../images/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../images/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../images/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../images/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../images/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../images/graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 16px;
}
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	left: 0;
	right: 16px;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../images/graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(../images/graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(../images/graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(../images/graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}