/**
 * Areas de pantalla en las que se divide el portal a fin de permitir la correcta
 * aparicion de los datos en la pantalla.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 */


/* RESETEO GENERAL DE LOS ELEMENTOS */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ESTILO GENERAL DE LOS DISTINTOS ELEMENTOS GLOBALES DEL SISTEMA, CUERPO, CONTROLES DE FORMULARIO, CELDAS Y CABECERAS, ETC. */

/* Elementos generales */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6875em; 
	line-height: 1.272em;
	background: #E4EDF2 url(../imagenes/fondos/bg-body.gif) repeat-x top center;
	color: #000;
}

PRE {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.272em;
}

A {
	text-decoration: none;
	color: #1b99c7;
}

A:active {
	text-decoration: underline;
}

A:hover {
	text-decoration: underline;
}

A SPAN {
	cursor: pointer;	
}

A.alert {
	text-decoration: underline;
	color: #FF0000;
	cursor: pointer;
}

BLOCKQUOTE {
	padding-left: 1.5em;
}

P {
	margin: 0.6em 0;
	padding: 0;
}

HR {
	background: url(../imagenes/fondos/bg-trama07.gif) repeat-x 0 0;
	height: 1px;
	margin: 4px 4px;
	border: none;
}

H1 {
	margin: 0 0 0.75em 0;
	padding: 0;
	font-size: 1.818em;
	line-height: 1.2em;
	font-weight: bold;
}

H2 {
	margin: 0 0 0.75em 0;
	padding: 0;
	font-size: 1.818em;
	line-height: 1.2em;
	font-weight: bold;
	color: #2E2E2E;
}

H3 {
	margin: 1em 0 0.77em 0;
	padding: 0;
	font: bold 1.181em Tahoma, Geneva, sans-serif;
	line-height: 1.2em;
}

H4 {
	margin: 1em 0 0.666em 0;
	padding: 0;
	font: bold 1.09em Tahoma, Geneva, sans-serif;
	line-height: 1.2em;
}

H5 {
	margin: 0 0 0.454em 0;
	padding: 0;
	font: 1em Tahoma, Geneva, sans-serif;
}

H6 {
	margin: 0 0 0.4em 0;
	padding: 0;
	font: 0.909em Tahoma, Geneva, sans-serif;
}

/**
 * Estilos para formularios en general.
 */
LABEL {
	font: 1em Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
}

LABEL.error {
	color: #f00;
	font-weight: normal;
}

INPUT {
	font: 1em Arial, Helvetica, sans-serif;
}

BODY FORM INPUT.checkbox {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin-top: 0;
	margin-bottom: 0;
}

BODY FORM INPUT.radio {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin-top: 0;
	margin-bottom: 0;
}

INPUT[type="submit"] {
	cursor: pointer;
}

SELECT {
	font: 1em Arial, Helvetica, sans-serif;
}

TEXTAREA {
	font: 1em Arial, Helvetica, sans-serif;
}

BUTTON {
	font: 1em Arial, Helvetica, sans-serif;
	cursor: pointer;
}

LEGEND {
	width: 99.2%;
	padding: 0 0 0.18em 0;
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	text-indent: 0;
}

/**
 * Estilos de lista
 */
.currentContent OL {
	list-style: decimal;
	margin-left: 0;
	padding-left: 0;
}

.currentContent OL LI {
	margin-left: 2.2em;
	padding-bottom: 0.333em;
}

.currentContent UL {
	list-style: disc;
	margin-left: 0;
	padding-left: 0;
}

.currentContent UL LI {
	margin-left: 2em;
	padding-bottom: 0.333em;
	vertical-align: middle;
}

.currentContent LI OL, .currentContent LI UL {
	margin-top: 0.333em;
	margin-bottom: -0.333em;
}


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

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

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

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

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

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

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

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

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

DL DT {
	font-weight: bold;	
}

DL DD {
	padding-left: 1em;
	padding-bottom: 0.37em;
}

/*** CLASES DE USO GENERAL ***/
.uppercase {
	text-transform: uppercase;	
}

.lowercase {
	text-transform: lowercase;	
}

.block {
	display: block;	
}

.inline {
	display: inline;	
}

.clr {
	clear: both;	
}

.flt {
	float: left;	
}

.frt {
	float: right;	
}

.hide {
	position:absolute;
	left:-9999px;
	overflow:hidden;	
}

.hideText{
	display: block;
	text-indent: 100%;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
}

.clearfix:after { 
	content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

DIV.separator {
	height: 1em;
	min-height: 1em;
}

#overDiv {
	position: absolute; 
	left: 0; 
	top: 0; 
	visibility: hidden; 
	z-index: 1000;	
}

.error, .error a {
	color: #f00;
	font-weight: normal;
}

.errorMsg {
	margin: 0.5em;
	padding: 0.5em;
	background: #FDF7F7;
	border: 1px solid #F5E5E5;
	color: #f00;
}

.successMsg {
	margin: 0.5em;
	border: 1px solid #2C7806;
	padding: 0.5em;
	background: #dff7e0;
}

/*** esquinas redondeadas ***/
.tl, .tr, .bl, .br {
	position: absolute;	
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}
/* FIN ESTILOS GLOBALES */

/* ESTILOS PARA error.html Y forbidden.html */
body.static {
	background-position: 0 -25em;
}

.static .wrapper {
	margin-top: 4em;	
	background: url(../imagenes/fondos/bg-mainContentIzda.gif) no-repeat left top;	
}

.static .wrapper .innerWrapper {
	background: url(../imagenes/fondos/bg-mainContentDcha.gif) no-repeat right top;	
}

.static .wrapper .wrapperLeft {
	background: url(../imagenes/fondos/bg-footerIzda.gif) no-repeat left bottom;
}

.static .wrapper .wrapperRight {
	background: url(../imagenes/fondos/bg-footerDcha.gif) no-repeat right bottom;		
}

.static .title {
	float: left;	
}

.static .logoJcyl {
	float: right;
	margin: 0;
}

.static H2 {
	color: #007EB2;
	font-size:1.818em;
	margin: 1em 0;
	padding:0;
}

.static H3 {
	margin: 0 0 2em 0;
	font-weight: bold;	
}

.static .pageError {
	background: url(../imagenes/fondos/bg-footerIzda.gif) no-repeat left bottom;
}

.static .pageErrorMain {
	min-height: 30em;
	height: auto!important;
	height: 30em;
	padding: 2em 3em;
	background: url(../imagenes/fondos/bg-footerDcha.gif) no-repeat right bottom;
}

.pageError .errorText {
	width: 80%;
	border: 1px solid #CBCBCB;
	margin: 0 auto;
	padding: 1.45em 1.8em 1.8em 1.55em;
}

/* FIN ESTILOS PARA error.html Y forbidden.html */

/*** IFRAME CON EL FORMULARIO DE LOGIN ***/
IFRAME.mainAuthFrame {
	float: right;
	width: 18.2em;
	height: 10.25em;
}

/** ESTILOS FORMULARIO DE LOGIN **/
BODY.auth {
	background: #fff;
}

DIV.authForm {
	position: relative;
	width: auto;
	border: 1px solid #e5e5e5;
	padding: 0.545em 0.5em 1.8181em 0.727em;
}

DIV.authForm {
	display: block;
	border: none;
	padding: 0 0 0.181em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #007FB1;
}

DIV.authForm H2 {
	font-size: 1em;
	color: #007FB1;
	margin: 0;
	padding: 0 0 0.08em 0;
}

DIV.authForm DIV.loginField  {
	padding: 0.545em 0 0 49px;; 
}

DIV.authForm DIV.loginField LABEL {
	float: left;
	width: 5.454em;
	margin-top: 0.181em;
}

DIV.authForm DIV.loginField INPUT#dvPass,DIV.authForm FORM DIV.loginField INPUT#dvLogin {
	width: 8.18em;
	border: 1px #999999 solid;
	margin: 0 0.181em;
	padding: 0.1em;
	color: #007FB1;

}	
DIV.authForm DIV.loginField INPUT.enterButtom {
	float:left;
}

/* el enlace de ayuda del formulario */

DIV.authForm .rememberButton {
	display: none;
}
DIV.authForm .rememberButtonLink {
	border: none;
	color: #c00;
	font-weight: normal;
	float:left;
}
DIV.authForm .rememberButtonLinkRight{
	float:right;
}

/* esquinas redondeadas */
.authForm.rounded {
	position: relative;	
}

/* para los navegadores que no soportan border-radius */
.authForm.rounded .tl {
	top: -1px;
	left: -1px;
	width: 2px;
	height: 2px;
	background: url(../imagenes/fondos/corner-authForm-tl.gif) no-repeat top left;
}

.authForm.rounded .tr {
	top: -1px;
	right: -1px;
	width: 2px;
	height: 2px;
	background: url(../imagenes/fondos/corner-authForm-tr.gif) no-repeat top right;
}

.authForm.rounded .bl {
	bottom: -1px;
	left: -1px;
	width: 2px;
	height: 2px;
	background: url(../imagenes/fondos/corner-authForm-bl.gif) no-repeat bottom left;
}

.authForm.rounded .br {
	bottom: -1px;
	right: -1px;
	width: 2px;
	height: 2px;
	background: url(../imagenes/fondos/corner-authForm-br.gif) no-repeat bottom right;
}

/* autenticacion correcta */
DIV.authForm.success .successMsg {
	margin: 0;	
}

/** FIN ESTILOS FORMULARIO DE LOGIN **/

/**
 * Cajas redondeadas
 */
.wrapper .roundedBox {
	position: relative;
	display: block; /* para que funcione border-radius */
	border: 1px solid #cbcbcb;
	padding: 0.909em 1.181em;
}

/* para los navegadores que no soportan border-radius */
.wrapper .roundedBox .tl {
	top: -1px;
	left: -1px;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-roundedBox-tl.gif) no-repeat 0 0;
}

.wrapper .roundedBox .tr {
	top: -1px;
	right: -1px;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-roundedBox-tr.gif) no-repeat 0 0;
}

.wrapper .roundedBox .bl {
	bottom: -1px;
	left: -1px;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-roundedBox-bl.gif) no-repeat 0 0;
}

.wrapper .roundedBox .br {
	bottom: -1px;
	right: -1px;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-roundedBox-br.gif) no-repeat 0 0;
}


/** ESTILOS datos de usuario **/
.userData .userDataIntro {	
	margin: 0;
	padding: 0 0 0.181em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #007FB1;
}

.userData .incompleteUserData {	
	margin: 0;
	padding: 0 0 0.181em 0.5em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: #FF0000;
}

.userData .userName {
	padding: 0.545em 0 0.727em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.userData .userDataActions {
	margin: 0;
	padding: 0;
}

.userData .userDataActions LI {
	float: left;
	margin: 0 0 0 1.3em;
	padding: 0;
	font-size: 0.909em;
	line-height: 1.5em;
}

.userData .userDataActions LI A {
	float: left;
	padding-left: 1.1em;
	color: #000;
	background: url(../imagenes/fondos/bg-userDataActions-left.gif) no-repeat 0 0;
	line-height: 1.6em;
}

.userData .userDataActions LI A SPAN {
	float: left;
	padding-right: 1em;
	color: #000;
	background: url(../imagenes/fondos/bg-userDataActions-right.gif) no-repeat 100% 0;
}

/** FIN ESTILOS datos de usuario **/

/*** COMPONENTE DE ENCABEZADOS ***/
.encabezado.portada .title {
	margin: 0;
	padding: 0 0 0.714em 0.777em;
	color: #494949;
	font-weight: bold;
	font-size: 1.636em;
	background: url(../imagenes/fondos/bg-trama-02.gif) repeat-x bottom left;
}

/*** FIN COMPONENTE DE ENCABEZADOS ***/

/*** 
 * Estilos generales para los formularios , con las clases apropiadas y dentro de una capa con clase .cmForm
 */
 
.cmForm .titleSearch {
	color: #494949;
	font-size: 1.37em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.714em;
} 

.cmForm FIELDSET, .cmFormFieldSet {
	position: relative;
	margin: 0 0 2em 0;
}

.cmForm FIELDSET LEGEND, .cmFormFieldSet LEGEND {
	padding: 0 0 0.73em 1.83em;
	color: #000;
	font-weight: bold;
	background: url(../imagenes/fondos/bullet11.gif) no-repeat 0.36em 0.36em;
}

.cmFormRow {
	padding: 0em 0.82em 0.64em 1.82em;
	background-color: #F5F5F5;	
}

LEGEND + .cmFormRow {
	padding-top: 0.91em;	
}

.cmFormRow.lastChild {
	padding-bottom: 1.28em;	
}

.cmFormRow:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.cmFormCol {
	margin-right: 0.45%;	
}

.cmFormCol[class] {
	margin-right: 0.5em;
}

.cmFormCol[style] {
	padding-left: 2%!important;
	margin-right: 0 !important;
	width: 47.5% !important;
}

.cmFormCol[style]:first-child {
	padding-left: 0!important;
	margin-right: 3% !important;
	width: 47.5% !important;
}

.cmFormCol INPUT {
	border: 1px solid #999;
	padding: 0.19em;
	width: 98%;	
	height: 1.46em;
}
 
.cmFormCol SELECT {
	border: 1px solid #999;
	padding: 0.19em;
	width: 99.6%;
	height: 2em;
}

.cmFormCol TEXTAREA {
	border: 1px solid #999;
	padding: 0.19em;
	width: 99%;
} 

.cmFormLabel {
	margin-bottom: 0.19em;		
}

/* captcha */
.cmFormRow.captcha .imgCaptcha {
	float: left;
	margin-right: 0.5em;
}

.cmFormRow.captcha .captchaContent {
	float: left;
	width: 80%;
	margin-top: 0.8em;
}

.cmFormRow.captcha .cmFormLabel {
	float: left;
	margin-right: 0.5em;
}

.cmFormRow.captcha .cmFormInput {
	width: 30%;
	margin-right: 0.5em;
}

/* botones de envio con imagen*/
.cmFormButtonZone {
	text-align: center;	
}

.cmFormButtonZone BUTTON {
	width: auto;
	margin: 0 0.46em;	
	padding: 0;
	border: none;
	background: none;
}

/* botones de envio con texto */
.botones {
	margin: 0.55em 0;
	text-align: center;	
}

div.botones.noBorderRadius{
	overflow:hidden;
}

.botones INPUT {
	width: 7.63em;
	margin: 0 0.46em;	
	padding: 0.27em 1em;
	border: none;
	background: #4a4a4a;
	color: #fff;
}

/* para los navegadores que no soportan border-radius */
.botones.noBorderRadius {
	padding-left: 35%;
}

.botones .formBotonWrapper  {
	position: relative;	
	display: inline;
	float: left;
	margin: 0 0.46em;
}

BODY .botones .formBotonWrapper INPUT  {
	margin: 0;	
}

.botones .formBotonWrapper .tl {
	top: 0;
	left: 0;
	width: 3px;
	height: 3px;
	background: url(../imagenes/fondos/corner-botones-tl.gif) no-repeat 0 0;
}

.botones .formBotonWrapper .tr {
	top: 0;
	right: 0;
	width: 3px;
	height: 3px;
	background: url(../imagenes/fondos/corner-botones-tr.gif) no-repeat 0 0;
}

.botones .formBotonWrapper  .bl {
	bottom: 0;
	left: 0;
	width: 3px;
	height: 3px;
	background: url(../imagenes/fondos/corner-botones-bl.gif) no-repeat 0 0;
}

.botones .formBotonWrapper  .br {
	bottom: 0;
	right: 0;
	width: 3px;
	height: 3px;
	background: url(../imagenes/fondos/corner-botones-br.gif) no-repeat 0 0;
}

LI.list {
	margin-left: 5em;
	margin-top: 1em;
	color: #2040ff;
}

/*iframe*/
.printIframe{
	width:0;
	height:0;
}

/*ie10*/
.ie10{
	font-size: 101.1%;
}

.ie10 .menuSuperior UL LI.item2 A {
	padding: 0 0.2em 0.1em 0.34em;
}

.ie10 .menuSuperior UL LI.item3 A { /* el icono de rss */
	padding: 0.05em 0.3em 0.1em 0.3em;
}
.ie10 .menuDDPP{
	margin-top:2px;
}

.bs-btn-primary {
    color: #fff;
    background-color: #04729A;
    border-color: #2e6da4;
}

.bs-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.authForm .authAdfs {
    margin: 21px;
}