/**
 * Esta hoja de estilo guarda la definición de estilos que se aplican para
 * formatear la información de los contenidos.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 */

/** ESTILO GENERICO PARA QUE ALGO NO SE MUESTRE **/
.dontShow {
	display: none;
}
/** CABECERA DEL CONTENIDO **/

/* Titulo de los contenidos*/
.contentMainTitle {
}

/** Estilo para la entradilla **/
.contentHeader .contentAbstract {
	font-size: 14px;
	margin-bottom: 15px;
}

.contentHeader .contentDate {
	font-size: 12px;
	margin-bottom: 15px;
}

h1, h2, h3, h4 {
	font-weight: 300;
	font-family: "Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Camino de migas */
.breadcrumb {
	margin: 4px 0;
	padding: 0;
	float: left;
	border-radius: 0;
	z-index: 2;
	background: none;
}

.breadcrumb ul {
	margin: 0;
	padding: 2px 0;
	list-style: none;
	float: left;
}

.breadcrumb ul li{
	list-style:none;
	display:inline;
}

.breadcrumb ul li a{
}

.breadcrumb ul li.lastChild,
.breadcrumb ul li.lastChild a {
	font-weight:bold;
}

/* Enlaces para imprimir, rss, facebook, twitter... */
.contentServices {
	float: right;
	vertical-align: middle;
	padding: 5px 0;
	margin-top: 10px;
	position: relative;
	z-index: 1;
}

.contentServices ul{
	display: block;
	list-style-type:none;
	position: relative;
}

.contentServices ul li{
	display: block;
	float: left;
	margin-left: 5px;
}

.contentServices a {
	color: #888;
	border: 1px solid #888;
	transition-duration: .3s;
	display: block;
	position: relative;
	margin: 0 auto;
	font-size: 20px;
	margin: 0;
	text-align: center;
	width: 50px;
	height: 50px;
}

.contentServices a .fa {
	line-height: 48px;
	display: block;
}
.contentServices.icon-small a {
	width: 32px;
	height: 32px;
	font-size: 16px;
}
.contentServices.icon-small a .fa {
	line-height: 32px;
}
.contentServices.rounded a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.contentServices.square-rounded a {
	-moz-border-radius: 20%;
	-webkit-border-radius: 20%;
	border-radius: 20%;
}
.contentServices a:hover,
.contentServices a:focus,
.contentServices a:active{
	text-decoration: none;
	color: #fff;
	background: #394468;
	border-color: #394468;
}

.contentServices .rss-link {
	color: #fff;
	background: #f8991d;
	border-color: #f8991d;
}

.contentServices .pdf-version-link {
	color: #fff;
	background: #cb0606;
	border-color: #cb0606;
}

/* listado en una columna con icono */
DIV.iconChildrenBox LI.cmContentItem DIV.contentName {
	background: none;
	text-indent: 0;
}

/* listado con indice */
DIV.cmGlossaryTitle {
	padding: 0.5em 0;
	color: #666;
	text-align: left;
}

SPAN.cmResourceTextLink {
	color: #000;
}

DIV.cmGlossaryBlock {
	padding: 0.5em 0;
}

DIV.cmGlossaryBlock A.cmGlossaryElement,
DIV.cmGlossaryBlock A.cmGlossaryElement:visited,
DIV.cmGlossaryBlock A.cmGlossaryElement:active {
	margin-right: 0.3em;
	color: #0869ac;
}
DIV.cmGlossaryBlock A.cmGlossaryElement:hover {
	text-decoration: underline;
	color: #f06322;
}

DIV.cmGlossaryBlock A.cmCurrentGlossaryElement,
DIV.cmGlossaryBlock A.cmCurrentGlossaryElement:visited,
DIV.cmGlossaryBlock A.cmCurrentGlossaryElement:active {
	margin-right: 0.3em;
	font-weight: bold;
	color: #0869ac;
}
DIV.cmGlossaryBlock A.cmCurrentGlossaryElement:hover {
	text-decoration: underline;
	color: #f06322;
}

DIV.cmGlossaryBlock SPAN.cmDisabledGlossaryElement,
DIV.cmGlossaryBlock SPAN.cmDisabledGlossaryElement:visited,
DIV.cmGlossaryBlock SPAN.cmDisabledGlossaryElement:active {
	margin-right: 0.3em;
	color: #CACACA;
}

DIV.cmGlossaryBlocknoLetters {
	padding: 1em 0;
	color: #666;
}

/* Título de los contenidos */
.contentMainTitle {
	color: #304381;
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
}

/* Estilo para la entradilla */
.currentContent .contentAbstract{
	margin: 10px 0 15px 0;
	font-size: 16px;
	color: #888;
}

.currentContent .contentDate {
	margin-bottom: 10px;
}

div.contactFormContainer .contentHeader .contentAbstract,
div.siteMap .contentHeader .contentAbstract{
	margin-bottom: 0;
}

.cmBodyContentChildrens {
	margin-bottom: 15px;
}

.cmContentItem .contentName {
	font-size: 16px;
}

.cmContentItem .contentAbstract {
	font-weight: 300;
	margin: 2px 0 0 0;
}

/** Estilo para el contenido activo **/
.currentContent {
	position: relative;
}

.currentContent:before,
.currentContent:after {
	content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}

.currentContent .contentBody {
	margin-bottom: 15px;
}

.templateHtml {
	margin-bottom: 15px;
}

/** Estilo para el path de navegación **/
div.navigationPath {
	margin: 0 1em 0 0;
	font-family: Arial, Verdana, Geneva, Helvetica;
	font-weight: bold;
	overflow: hidden;
	padding:0.65em 1em;
}

div.navigationPath ul.cmCategorizer {
	list-style-type:none;
	padding: 0;
	margin: 0;
	display:inline;
}

div.navigationPath ul.cmCategorizer li {
	list-style-type:none;
	display:block;
	float:left;
	/*color:#fff;*/
	padding-right:0.3em;
	font-size:1.1em;
}
/*
div.navigationPath ul.cmCategorizer li.firstChild{
	text-transform:uppercase;
}*/

div.navigationPath ul.cmCategorizer li span,
div.navigationPath ul.cmCategorizer li a,
div.navigationPath ul.cmCategorizer li a:visited {
	/*color:#fff;*/
}

div.navigationPath ul.cmCategorizer li a:active,
div.navigationPath ul.cmCategorizer li a:hover {
	text-decoration:underline;
}

/** FIN DE CABECERA DEL CONTENIDO **/

.currentContent .contentHeader {
	margin: 0 0 15px 0;
}

.cmNavigation {
	clear: both;
}

.cmNavigation .cmResultsCount {
	float: left;
	color:#999;
	margin: 17px 0;
	line-height: 29px;
}

.cmNavigation .cmPagesNavigation {
	float: right;
}

.cmPagesNavigation > li {
	margin: 0 !important;
	padding: 0 !important;
	display: inline !important;
	background: none !important;
}

.cmPagesNavigation > li > a,
.cmPagesNavigation > li > span {
	padding: 5px 10px;
}

/**
 * Los estilos definidos a continuación permiten parametrizar ciertos aspectos
 * relacionados con la apariencia de los sub-contenidos, independientemente de
 * los estilos de navegación subyacentes.
 */
/** ESTILOS QUE APARECEN EN LOS LISTADOS DE SUBCONTENIDOS **/
div.cmBodyContentChildrens:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	width: auto;
}

/**
 * Las presentaciones en modo listado, pueden ser de dos tipos básicos, uno
 * en el que tenemos una única columna y se usan listas de contenidos (UL) y
 * otro que se ve después que lo que muestra son varias columnas mediante
 * capas (DIV)
 */

/* listado en una columna */
ul.cmRelatedList,
ul.cmResourceList,
ul.cmContentList,
ul.cmContentMultipleList {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
}

ul.cmRelatedList:before,
ul.cmRelatedList:after,
ul.cmResourceList:before,
ul.cmResourceList:after,
ul.cmContentList:before,
ul.cmContentList:after,
ul.cmContentMultipleList:before,
ul.cmContentMultipleList:after {
	content: " ";
	display: table;
	clear: both;
}

ul.cmRelatedList > li,
ul.cmContentList > li,
ul.cmContentMultipleList > li {
	margin: 0;
	padding: 15px;
	display: block;
	background-image: url(../imagenes/bullets/bullet_list.png);
	background-repeat: no-repeat;
	background-position: 0 24px;
	border-top: 1px solid #e6e6e6;
}

ul.cmRelatedList > li,
ul.cmResourceList > li,
ul.cmContentList > li {
	padding-right: 0;
}

ul.cmContentMultipleList > li {
	float: left;
}

/* Listado a varias columnas */
ul.cmContentMultipleList,
.equal-height ul,
.equal-height ol{
	display: flex;
	flex-flow: row wrap;
}

/* Listado a varias columnas (mac) */
.mac ul.cmContentMultipleList,
.mac .equal-height ul,
.mac .equal-height ol{
	display: block;
}

ul.cmContentMultipleList > li > *:not(.cmClientEditButtons),
.equal-height ul > li > *:not(.cmClientEditButtons),
.equal-height ol > li > *:not(.cmClientEditButtons){
	height:100%;
}

/* El primer elemento de cada fila */
ul.cmRelatedList > li:first-child,
ul.cmResourceList > li:first-child,
ul.cmContentList > li:first-child,
ul.cmContentMultipleList > li:first-child,
ul.nColumns_2 > li:nth-child(2n+1),
ul.nColumns_3 > li:nth-child(3n+1),
ul.nColumns_4 > li:nth-child(4n+1),
ul.nColumns_5 > li:nth-child(5n+1),
ul.nColumns_6 > li:nth-child(6n+1),
ul.nColumns_7 > li:nth-child(7n+1),
ul.nColumns_8 > li:nth-child(8n+1),
ul.nColumns_9 > li:nth-child(9n+1),
ul.nColumns_10 > li:nth-child(10n+1),
ul.nColumns_11 > li:nth-child(11n+1),
ul.nColumns_12 > li:nth-child(12n+1) {
	clear: both;
}

/* Todos los elementos de la primera fila */
ul.cmRelatedList > li:first-child,
ul.cmResourceList > li:first-child,
ul.cmContentList > li:first-child,
ul.nColumns_2 > li:nth-child(-n+2),
ul.nColumns_3 > li:nth-child(-n+3),
ul.nColumns_4 > li:nth-child(-n+4),
ul.nColumns_5 > li:nth-child(-n+5),
ul.nColumns_6 > li:nth-child(-n+6),
ul.nColumns_7 > li:nth-child(-n+7),
ul.nColumns_8 > li:nth-child(-n+8),
ul.nColumns_9 > li:nth-child(-n+9),
ul.nColumns_10 > li:nth-child(-n+10),
ul.nColumns_11 > li:nth-child(-n+11),
ul.nColumns_12 > li:nth-child(-n+12) {
	border-top: none;
}

li.cmContentItem .templateHtmlImageList a.cmContentLink {
	text-decoration: none;
	display: block;
}

li.cmContentItem .templateHtmlImageList a.cmContentLink:hover .contentName {
	text-decoration: underline;
}

li.cmContentItem .templateHtmlImageList a.cmContentLink:hover .contentText {
	text-decoration: none;
}

.pvalue-S_PHONE,
.pvalue-S_FAX,
.pvalue-S_EMAIL,
.pvalue-S_WEB {
	white-space: normal;
}

/*Hijos a varias columnas*/
ul.nColumns_2 > li{
	width:50%;
}
ul.nColumns_3 > li{
	width:33.333%;
}
ul.nColumns_4 > li{
	width:25%;
}
ul.nColumns_5 > li{
	width:20%;
}
ul.nColumns_6 > li{
	width:16.666%;
}
ul.nColumns_7 > li{
	width:14.285%;
}
ul.nColumns_8 > li{
	width:12.5%;
}
ul.nColumns_9 > li{
	width:11.111%;
}
ul.nColumns_10 > li{
	width:10%;
}
ul.nColumns_11 > li{
	width:9.09%;
}
ul.nColumns_12 > li{
	width:8.333%;
}

/* listado de subcontenidos */
.cmContentItem > a.cmContentLink,
.cmContentItem .contentName {
	font-weight:normal;
}

/* Tablas del tinyMCE */
.cmBodyContent table,
.cmBodyAbstractContent table,
.cmBodyContentChildrens table {
	border-collapse: collapse;
	margin-top: 15px;
	border-color: #ddd;
}

.cmBodyContent table th,
.cmBodyAbstractContent table th,
.cmBodyContentChildrens table th {
	border-color: #ddd;
	background: #f5f5f5;
	color: #333;
}

.cmBodyContent table td,
.cmBodyAbstractContent table td,
.cmBodyContentChildrens table td {
	border-color: #ddd;
}

.cmBodyContent table caption,
.cmBodyAbstractContent table caption,
.cmBodyContentChildrens table caption {
	font-weight: bold;
	color: #333;
	text-align: center;
}

/* Galería de imágenes */
.cmImageGallery:before,
.cmImageGallery:after {
	content: " ";
	display: table;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cmImageGallery {
	margin: 15px -5px;
}

.cmImageGalleryCell {
	text-align: center;
	padding: 5px;
	width: 33.333%;
}

.cmImageGalleryCell a > img {
	width: 100%;
	height: auto;
}

.cmImageGalleryCell .cmImageGalleryTitleTD {
	background-color: rgba(0, 0, 0, .5);
	padding: 5px 10px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	position: absolute;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition-duration: .3s;
}

.cmImageGalleryCell:hover .cmImageGalleryTitleTD {
	opacity: 0.9;
}

.cmImageGalleryCell .cmImageGalleryImageTD .cmPopupText {
	display: none !important;
}

.cmImageGallery .cmNavigation {
	clear: both;
}

.cmLocation .cmLocationLegend {
	display: none !important;
}

div.xforms-container {
	margin: 0 0 15px 0 !important;
}

.xforms-group-label {
	background-color: #304381 !important;
}

.xforms-group {
	background-color: #f6f6f6 !important;
}

/* Listado modo Mapa Web */
.cmBodyContentChildrens ul.cmWebMapLevel1 {
	padding: 0;
	list-style-type: none;
	display: block;
	min-height: 0;
	height: auto !important;
	height: 1%;
	margin: 0 !important;
}

.cmBodyContentChildrens li.cmWebMapLevel1 {
	margin: 20px 0;
}

.cmBodyContentChildrens li.cmWebMapLevel2  {
	margin: 10px 0;
}

.cmBodyContentChildrens li.cmWebMapLevel1 .cmWebMapLevel1Header {
	min-height: 0;
	height: auto !important;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	border-radius: 4px;
	background-color: #f5f5f5;
	color: #666;
}

.cmBodyContentChildrens ul.cmWebMapLevel1 li.cmWebMapLevel1 a.cmWebMapLevel1,
.cmBodyContentChildrens ul.cmWebMapLevel1 li.cmWebMapLevel1 span.cmWebMapLevel1 {
	font-weight: 500;
	line-height: 1.1;
	font-size: 17px;
	margin-top: 0;
	padding: 0;
	color: #666;
}

.cmBodyContentChildrens li.cmWebMapLevel1 span.cmWebMapLevel1,
.cmBodyContentChildrens li.cmWebMapLevel1 a.cmWebMapLevel1:link,
.cmBodyContentChildrens li.cmWebMapLevel1 a.cmWebMapLevel1:visited {
	font-weight: bold;
	padding: .2em .6em;
	display: block;
}