/******************* Reset css  *******************/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
	font-family: arial;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	text-align:justify;
}

/******************* clearfix  *******************/

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

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
.clearfix {
	display: block;	
}

* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */


/******************* Estilos  *******************/

body {
	background-image: url("../img/logoFondo_001.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

div.marcoGlobal {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
/*	width:840px;*/
}

.marcoGlobal .marcoMenu .menu, .marcoGlobal .marcoLogin .menuLogin, .marcoGlobal .marcoAviso .menuAviso {
/*	float: left;*/
	margin-left: 10px;
	margin-right: 10px;
/*	width: 260px;*/
	margin-bottom: 10px;
/*	position: relative;*/
}

.marcoGlobal .marcoMenu .menu .cabecera, .marcoGlobal .marcoLogin .menuLogin h2, .marcoGlobal .marcoAviso .menuAviso h2 {
	font-weight: bold;
}

.marcoGlobal .marcoMenu .menu .cabecera {
/*	background-image: url("../img/fondoTituloMenu_Gris_001.png");*/
/*	background-position: top left;*/
/*	background-repeat: no-repeat;*/
	display: block;
	color: #FFF;
	font-size: 0.9em;
}

.marcoGlobal .marcoMenu .menu .cabecera h2 {
	background-position: center left;
	background-repeat: repeat-x;
	
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	
	behavior: url("css/ie-css3.htc");  /*Activamos el soporte para IE */
	
	padding-top: 6px;
	height: 23px;
	display: block;
	width: 400px;
	cursor: pointer;
	padding-left: 12px;
/*	float: left;*/
}

#favoritas .botones {
	color: #000;
	position: relative;
/*	float: right;*/
/*	right: 0px;*/
	top: -32px;
	left: 510px;
	width: 600px;
	height: 1px;
}

#favoritas .botones a, .marcoLogin .botones a {
	color: #003366;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    vertical-align: middle;
}

#favoritas .botones a:hover {
	color:#CC0033;
}

.marcoLogin .botones {
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}

.marcoGlobal .marcoMenu .menu .contMenu {
/*	display: none;*/
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
	top: -8px;

	min-width: 272px;

	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

#favoritas .contMenu {
	top: -9px;
	display: block;
}

#no_favoritas {
	padding: 10px 40px;
	font-size: 0.9em;
}

.marcoGlobal .marcoMenu .menu div.gris {
/*	background-color: #EFEFEF;*/
	background-image: url("../img/fondoMenu_Gris_001.png");
	border: solid 1px #DCDCDC;
	
/*	 -moz-box-shadow: 10px 10px 20px #020202;  Firefox */
/*	 -webkit-box-shadow: 10px 10px 20px #020202;  Safari and Chrome */
/*	 box-shadow: 10px 10px 20px #020202;  Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	
/*	 behavior: url("css/ie-css3.htc");  Activamos el soporte para IE */
}

.marcoGlobal .marcoMenu .menu .c_gris h2 {
	background-image: url("../img/fondoTituloMenu_Gris_Repe_001.png");
	border: solid 1px #191919;
}

.marcoGlobal .marcoMenu .menu div.azul {
/*	background-color: #D5D7DB;*/
	background-image: url("../img/fondoMenu_Azul_001.png");
	border: solid 1px #999EB3;
}

.marcoGlobal .marcoMenu .menu .c_azul h2 {
	background-image: url("../img/fondoTituloMenu_Azul_Repe_001.png");
	border: solid 1px #00012E;
}

.marcoGlobal .marcoMenu .menu div.verde {
/*	background-color: #D5EFD1;*/
	background-image: url("../img/fondoMenu_Verde_001.png");
	border: solid 1px #A0BF9B;
}

.marcoGlobal .marcoMenu .menu .c_verde h2 {
	background-image: url("../img/fondoTituloMenu_Verde_Repe_001.png");
	border: solid 1px #194500;
}

.marcoGlobal .marcoMenu .menu div.rojo {
/*	background-color: #E8D1D3;*/
	background-image: url("../img/fondoMenu_Rojo_001.png");
	border: solid 1px #C57E82;
}

.marcoGlobal .marcoMenu .menu .c_rojo h2 {
	background-image: url("../img/fondoTituloMenu_Rojo_Repe_001.png");
	border: solid 1px #A20000;
}

.aplicacion, .noAcceso {
	margin-bottom: 5px;
	margin-left: 4px;
	cursor: pointer;
	padding: 3px;
	background-image: url("../img/fondoBotonAp_001.png");
	background-repeat: no-repeat;
	width: 256px;
	height: 66px;
	float: left;
}

.noAcceso {
	cursor: auto;
}

.aplicacion .imagenes, .noAcceso .imagenes{
	float: left;
	width: 35px;
	text-align: center;
}

.aplicacion .imagenes img, .noAcceso .imagenes img {
	margin-bottom: 5px;
}

.aplicacion .descripcion, .noAcceso .descripcion {
	font-style: italic;
	font-size: 0.8em;
	margin-top: 0.3em;
	padding-right: 3px;
}

.noAcceso .descripcion {
	color: #555;
}

.aplicacion a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #000;
}

.noAcceso span {
	font-weight: bold;
	font-size: 0.9em;
	color: #555;
	font-style: italic;
}

.aplicacion-hover {
	background-image: url("../img/fondoBotonAp_Hover_001.png");
}

.marcoLogin, .marcoAviso {
	width: 400px;
	height: 200px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -200px;
}

.menuLogin, .menuAviso {
	position: relative;
	background-image: url("../img/fondoMenu_Azul_001.png");
	border: solid 1px #999EB3;
	background-position: top left;
	background-repeat: repeat;
	width: 390px;
	height: 190px;
	padding: 5px;
	
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	
	/*behavior: url("css/ie-css3.htc");  /*Activamos el soporte para IE */
}

.menuLogin h2, .menuAviso h2 {
	position: relative;
	background-position: center left;
	background-repeat: repeat-x;
	background-image: url("../img/fondoTituloMenu_Azul_Repe_001.png");
	border: solid 1px #00012E;
	
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	
	padding-top: 6px;
	height: 20px;
	display: block;
/*	width: 100%;*/
	padding-left: 12px;
	
	color: #fff;
	/*behavior: url("css/ie-css3.htc");  /*Activamos el soporte para IE */
}

#validacion, #aviso {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

#validacion p, #aviso p {
	clear: both;
}

#validacion input {
	float: right;
	display: block;
	width: 200px;
	margin-bottom: 3px;
}

#validacion label {
	float: left;
}

#validacion input.boton {
	width: auto;
}

#validacion .msgErr {
	font-style: italic;
	font-size: 0.8em;
	color: #d00;
}

#validacion .msgErr .titulo {
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

#validacion .msgErr p {
	padding: 3px;
}

.mensajes {
	position: fixed;
	top: 0px;
	left: 50%;
	width: 450px;
	margin-left: -225px;
	display: none;
	z-index: 1000;
	padding: 15px;
	
	-moz-border-radius: 0px 0px 7px 7px; /* Firefox */
	-webkit-border-radius: 0px 0px 7px 7px; /* Safari and Chrome */
	border-radius: 0px 0px 7px 7px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.mensajes p, .mensajes h3, .mensajes ul {
	font-size: 0.9em;
	margin-left: 40px;
	text-align: center;
}

.mensajes h3 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.mensajes ul {
	margin-bottom: 5px;	
}

.mensajeBueno {
	background-color: #7F9F6D;
	color: #fff;
	border: solid 1px #194500;
	
	background-position: 5px center;
	background-repeat: no-repeat;
	background-image: url("../img/fondoMensajeBueno_001.png");
}

.mensajeMalo {
	background-color: #B93E3E;
	color: #fff;
	border: solid 1px #A20000;
	
	background-position: 5px center;
	background-repeat: no-repeat;
	background-image: url("../img/fondoMensajeMalo_001.png");
}

.lista {margin: 10px;}
.lista li {
	list-style: disc;
	margin: 2px 15px;
}
.lista p {margin: 4px 6px;}
.lista a {color: #003366;font-weight: bold;}
.lista a:hover {color: #CC0033;}

.formulario th {
	text-align: left;
	width: 150px;
}

.formulario select {
	width: 209px;
}

.formulario .dato_numero {
	width: 50px;
	text-align: right;
}

.loadingScreenWindow .ui-dialog-titlebar {
	display: none;
}

#loadingScreen {
	font-size: 1.2em;
	background: url(../img/animacionCarga_002.gif) no-repeat 5px 8px;
	padding-left: 45px;
	padding-top: 15px;
}