/*!
 * Hoja de estilos que contiene los estilos globales
 * comunes a todos los portales Web.
 *
 * Copyright(c) Divisa Informática y Telecomunicaciones S.A.
 */

/* Separador */
.cmClear {
	margin: 0;
	padding: 0;
	clear: both;
}

/* Clase para errores */
.error {
	color: red;
}

/* Clase para confirmaciones */
.confirm {
	color: green;
}

/** 
 * Indicamos el estilo de las imagenes debido a los cambios de accesibilidad
 * en los tags de la suite proxia.
 */
img {
	border: none;
}

.cmFloatRight, .cmEmbedImageright {
	float: right;
}

.cmFloatLeft, .cmEmbedImageleft {
	float: left;
}

.cmEmbedImagecenter {
	text-align: center;
}

.cmEmbedImagejustify {
	text-align: justify;
}

.cmEmbedImagecenter, .cmEmbedImagejustify {
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none;
}

.cmEmbedImagemiddle, a.cmEmbedImagemiddle img {
	vertical-align: middle;
}

.cmEmbedImagebottom, a.cmEmbedImagebottom img {
	vertical-align: bottom;
}

.cmEmbedImagetop, a.cmEmbedImagetop img {
	vertical-align: top;
}

.cmEmbedImagetexttop, a.cmEmbedImagetexttop img {
	vertical-align: text-top;
}

.cmEmbedImagebaseline, a.cmEmbedImagebaseline img {
	vertical-align: baseline;
}

.cmAutoVideo {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}

.cmAutoAudioShown {
	display: block;
	width: 300px;
	height: 30px;
	text-align: left;
}

.cmAutoVideoNoAlt {
	display: block;
	text-align: left;
}

/* 
* Alineamiento horizontal (atributo text-align)
* Se asocian los estilos al párrafo para que no haya conflicto con estilos por defecto
*/
p.cmAlignright, .cmAlignright {
	text-align: right;
}
p.cmAlignleft, .cmAlignleft {
	text-align: left;
}
p.cmAligncenter, .cmAligncenter {
	text-align: center;
}
p.cmAlignjustify, .cmAlignjustify {
	text-align: justify;
}

/* 
* Alineamiento horizontal (atributo text-align)
* Para que se centre una tabla
*/
.cmAligncenter > table.cmTable{
	margin-left:auto;
	margin-right:auto;
}

.cmAlignright > table.cmTable{
	margin-left:auto;
	margin-right:0;
}

.cmAlignleft > table.cmTable{
	margin-left:0;
	margin-right:auto;
}

/*
* Alineamiento vertical (atributo valign)
* Se asocian los estilos al párrafo para que no haya conflicto con estilos por defecto
*/
p.cmVAligntop, .cmVAligntop {
	vertical-align: top;
}
p.cmVAlignmiddle, .cmVAlignmiddle {
	vertical-align: middle;
}
p.cmVAlignbottom, .cmVAlignbottom {
	vertical-align:  bottom;
}

/*
* Subrayado
*/
.cmUnderline {
	text-decoration: underline;
}

/*
* Tachado
*/
.cmStrike {
	text-decoration: line-through;
}

/* 
* Sangría (pasos de 3em por defecto)
* Se asocian los estilos al párrafo para que no haya conflicto con estilos por defecto
*/
p.cmParagraph.cmIndent1,  .cmIndent1  { margin-left: 3em;  }
p.cmParagraph.cmIndent2,  .cmIndent2  { margin-left: 6em;  }
p.cmParagraph.cmIndent3,  .cmIndent3  { margin-left: 9em;  }
p.cmParagraph.cmIndent4,  .cmIndent4  { margin-left: 12em; }
p.cmParagraph.cmIndent5,  .cmIndent5  { margin-left: 15em; }
p.cmParagraph.cmIndent6,  .cmIndent6  { margin-left: 18em; }
p.cmParagraph.cmIndent7,  .cmIndent7  { margin-left: 21em; }
p.cmParagraph.cmIndent8,  .cmIndent8  { margin-left: 24em; }
p.cmParagraph.cmIndent9,  .cmIndent9  { margin-left: 27em; }
p.cmParagraph.cmIndent10, .cmIndent10 { margin-left: 30em; }
p.cmParagraph.cmIndent11, .cmIndent11 { margin-left: 33em; }
p.cmParagraph.cmIndent12, .cmIndent12 { margin-left: 36em; }
p.cmParagraph.cmIndent13, .cmIndent13 { margin-left: 39em; }
p.cmParagraph.cmIndent14, .cmIndent14 { margin-left: 42em; }
p.cmParagraph.cmIndent15, .cmIndent15 { margin-left: 45em; }
p.cmParagraph.cmIndent16, .cmIndent16 { margin-left: 48em; }
p.cmParagraph.cmIndent17, .cmIndent17 { margin-left: 51em; }
p.cmParagraph.cmIndent18, .cmIndent18 { margin-left: 54em; }
p.cmParagraph.cmIndent19, .cmIndent19 { margin-left: 57em; }
p.cmParagraph.cmIndent20, .cmIndent20 { margin-left: 60em; }

/*
* Anchos de los elementos (atributo width)
*/
.fullWidth {
	width: 100%;
}
.halfWidth {
	width: 50%;
}

/*
* Altura de los elementos (atributo height)
*/
.fullHeight {
	height: 100%;
}

/*
* Estilos genéricos para las tablas y celdas del layout
* (necesarios en cada proyecto, no modificar)
*/
table.portalLayoutTable {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

td.portalLayoutCell {
	vertical-align: top;
	padding: 0;
}

/**
* Estilo genérico para los banners que aparecen sólos
*/
.cmBannersRelativePosition.standalone {
}

/**
* Estilo genérico para los banners que aparecen de forma aleatoria
*/
.cmBannersRelativePosition.random {
}

/**
* Estilo genérico para los banners en modo horizontal
*/
ul.cmBannersHorizontalMode:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.cmBannersHorizontalMode {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.cmBannersHorizontalMode li.cmBannersRelativePosition {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

ul.cmBannersHorizontalMode li.cmBannersRelativePosition a {
}

ul.cmBannersHorizontalMode li.cmBannersRelativePosition.firstChild {
}

ul.cmBannersHorizontalMode li.cmBannersRelativePosition.lastChild {
}

/**
* Estilo genérico para los banners en modo vertical
*/
ul.cmBannersVerticalMode {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.cmBannersVerticalMode li.cmBannersRelativePosition {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.cmBannersVerticalMode li.cmBannersRelativePosition a {
	display: block;
}

ul.cmBannersVerticalMode li.cmBannersRelativePosition.firstChild {
}

ul.cmBannersVerticalMode li.cmBannersRelativePosition.lastChild {
}

/**
* Estilo genérico para los banners en modo rotativo
*/
ul.cmBannersRollMode{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}

ul.cmBannersRollMode li{
	position:absolute;
	right:0;
	top:0;
}

ul.cmBannersRollMode li a{
	display:block;
}
/* Icono para los enlaces de popups */
img.cmPopupIcon {
	margin-left: 2px;
	vertical-align: middle;
}
/* Texto para las imágenes de los enlaces de popups */
span.cmPopupText {
	border: 1px solid #666;
	background-color: #efefef;
	color: #333;
	padding: 0.3em 0.5em 0.3em 0.5em;
	text-decoration: none !important;
	text-align: left;
	font-weight: normal;
}

a span.cmPopupText {
	display: none;
}

a.cmContentImageLink,
a.cmZoomedImageLink {
	position: relative;
	line-height: 1.2em;
}

a:hover span.cmPopupText,
a.cmContentLink:hover span.cmPopupText,
a.cmZoomedImageLink:hover span.cmPopupText {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: normal;
	text-decoration: none !important;
	font-size: 0.9em !important;
	line-height: 1.1em;
	z-index: 9999;
	cursor: pointer;
	min-width:5em;
}

span.cmHighlight {
	background-color: yellow;
	font-weight: bold;
}

/* Estilos genéricos para el scroll */
div.cmScrollActions {
	bottom: 0;
	right: 0;
	z-index: 10000;
}

ul.cmScrollContentList {
	height: 8em;
}

/* Estilos para los tipos de lista */
ol.cmListNone, ul.cmListNone, li.cmListNone {
	list-style-type: none;
}

ol.cmListLoweralpha {
	list-style-type: lower-alpha;
}

ol.cmListLowergreek {
	list-style-type: lower-greek;
}

ol.cmListLowerroman {
	list-style-type: lower-roman;
}

ol.cmListUpperalpha {
	list-style-type: upper-alpha;
}

ol.cmListUpperroman {
	list-style-type: upper-roman;
}

ul.cmListCircle {
	list-style-type: circle;
}

ul.cmListDisc {
	list-style-type: disc;
}

ul.cmListSquare {
	list-style-type: square;
}

/* Estilos para las imágenes alternativas de los banners */
.cmBannersRelativePosition {
	position: relative;
}

.cmHorizontalBannersRelativePosition {
	position: relative;
	float: left;
}

div.cmEnlargeImageBannerLeft {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

div.cmEnlargeImageBannerRight {
	display: none; 
	position: absolute; 
	right: 0;
	top: 0;
}

/** Estilos introducidos para banners del tipo Imagen-Texto */
div.imageText {
	position: absolute; 
	right: 0;
	top: 0;
}

span.bannerNameText {
	/** están definidas estas propiedades simplemente para realizar pruebas */
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
}

span.bannerDescrText {
	/** están definidas estas propiedades simplemente para realziar pruebas */
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-weight: bold;
}

/* Estilos genéricos para Google Maps */
.cmMap_Container,
.cmMap_googleMaps {
	position: relative;
	width: 100%;
	height: 200px;
}

ul.cmMap_Menu {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 46px;
	border: none;
	background: none;
	background-image: url(../imagenes/contents/bg_menuMap.png);
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.cmMap_Menu li.cmMap_MenuItem {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0.4em 0 0.4em 0.8em;
	line-height: 3.2em;
	min-width: 10.5em;
	color:#fff;
}

ul.cmMap_Menu li.cmMap_MenuItem span {
	padding-left: 5px;
}

ul.cmMap_Menu li.cmMap_MenuItem img,
ul.cmMap_Menu li.cmMap_MenuItem span {
	vertical-align: middle;
}

div.infoWindowOverlayToShow{
	font-size:10px;
	font-family:Verdana, Arial, sans-serif;
	color:#333;
}

div.infoWindowOverlayToShow .infoWindowName{
	font-size:1.5em;
	color:#333;
	font-weight:bold;
}

div.infoWindowOverlayToShow .infoWindowDescription,
div.infoWindowOverlayToShow .infoWindowUrl{
	padding-top:1em;
}

div.infoWindowOverlayToShow .infoWindowUrl span{
	margin-right:1em;
}

div.infoWindowOverlayToShow a{
	color:#369;
}


/* Ampliar mapa / cómo llegar */
.tkShowMap {
	background-color: #000;
	color: #3A485B;
	overflow: hidden;
}

.tkShowMap .cmMap_Container,
.tkShowMap .cmMap_googleMaps {
	width: 900px;
	height: 500px;
}

.tkShowMap.showForm .cmMap_Container,
.tkShowMap.showForm .cmMap_googleMaps {
	height: 440px;
}

/*botones*/
.showMapFormContainer button.cmTypeSubmit,
.showMapFormContainer button.cmTypeReset{
	font-size:1em;
	font-weight:bold;
	padding:0.1em 0.6em;
	border:none;
	min-width: 74px;
	min-height: 21px;
	position: relative;
	text-align: center;
}

.showMapFormContainer {
	padding: 0 10px 10px 10px;
	font-size: 1.1em;
	color: #fff;
	overflow:hidden;
}

/* Google Maps cuando mostramos el itinerario de la ruta en el panel izquierdo */
.tkShowMap.cmMap_googleMapsRoute .cmMap_googleMaps {
	width: 600px;
	float: left;
}

/* Panel izquierdo con el itinerario para la ruta calculada de Google Maps */
.cmMap_directions {
	margin: 0 6px 0 0;
	color: #3A485B;
	background-color: #fff;
	width: 294px;
	height: 440px;
	overflow: auto;
	float: left;
	display: none;
}

.tkShowMap.showDirections .cmMap_directions {
	height: 500px;
}

.tkShowMap.cmMap_googleMapsRoute ul.cmMap_Menu {
	left: 300px;
}

.tkShowMap li.cmMap_MenuItem {
	font-size: 1.1em;
}

.tkShowMap.showFormOnDemand .cmMap_directions,
.tkShowMap.showFormOnDemand .cmMap_googleMaps,
.tkShowMap.showFormOnDemand .cmMap_Container{
	height:438px;
}

/* Estilos genéricos para los enlaces multiples */
SPAN.cmNavMultiContentLink {
  display: inline;
  cursor: pointer;
  position: relative;
  border-bottom: 1px dotted black;

}


SPAN.cmNavMultiContentLink SPAN.block {
  position: absolute;
  border: 1px solid #D3D3D3;
  background-color: white;
  display: none;
  top: 5px;
  left: 5px;
  min-width: 20em;
  padding: 5px 5px 5px 5px;
}

SPAN.cmNavMultiContentLink SPAN.block A {
  display: block;
}


SPAN.cmNavMultiContentLink:hover SPAN.block {
  display: block;
}