/*  9 of 12 Microsoft Internet Explorer Design Templates 


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 HTML TAGS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	min-width:1230px;
	_width:1000px;
	min-height:599px;
	_height:599px;
	}

p, li {
	font-size:.75em;
	line-height:160%;
	}
	
a img {
	border:none;
	}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
	margin:15px 0;
	font-family:"trebuchet MS", verdana, sans-serif;
	color:#E99400;
	}

.content-left h1, .content-right h1,
.content-left h2, .content-right h2,
.content-left h3, .content-right h3,
.content-left h4, .content-right h4,
.content-left h5, .content-right h5,
.content-left h6, .content-right h6 {
	color:#000;
	margin:5px 0;
	}
	
h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first {
	margin-top:0;
	}
	
h1 {
	font-size:1.2em;
	}
	
h2 {
	font-size:1em;
	}
	
h3 {
	font-size:.9em;
	background:url(images/bg-line.png) repeat-x bottom;
	}
	
h4 {
	font-size:.8em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.8em;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FORMS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
fieldset {
	padding:0 20px 5px;
	margin:15px 0;
	position:relative;
	}

fieldset fieldset {
	margin: 10px 0;
	width:90%;
	}
	
legend {
	font-weight:bold;
	font-size:0.9em;
	padding: 0;
	color:#000;
	margin:0 0 5px 0;
	font-family:"trebuchet MS", verdana, sans-serif;
	}

fieldset fieldset legend {
	font-size:.8em;
	}
	
.input-dateTime {
	margin-bottom:5px;
	vertical-align:top;
	padding:1px;
	color:#666666;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	}

.input-box {
	display:block;
	margin-bottom:5px;
	padding:1px;
	color:#666666;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	}

.input-TextArea {
	display:block;
	margin-bottom:5px;
	padding:1px;
	color:#666666;
	font-size:11px;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	}
	
.input-box-inline {
	margin-bottom:5px;
	vertical-align:top;
	padding:1px;
	color:#666666;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	}
	
.input-box-center {
	color:#666666;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	width:50%;
	}
	
label {
	font-weight:bold;
	font-size:.7em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	}

.select-box {
	display:block;
	margin:0 5px 5px 0;
	padding:1px;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	}

.select-box-inline {
	margin:0 5px 2px 0;
	padding:1px;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;
	}
	
.label-inline {
    margin:0 5px 0 0;
	padding:1px;
	font-weight:bold;
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.checkbox {	
	margin:12px 0;
	padding:4px 0 2px 3px;
	border:1px dotted #585858;
	}
	
.checkbox input {	
	margin-right:6px;
	margin-bottom:2px;
	}

.forgot-password {
	margin:2px 0;
	font-size:.65em;
	}
	
input.button {
	color:#FFF;
	background:#317f0c url(images/bg-button.png) repeat-x;
	border:2px groove #FFF;
	font-size:.7em;
	font-weight:bold;
	padding:0 5px 2px 5px;
	cursor:pointer;
	}

input.exportar {
	color:#FFF;
	background:#317f0c url(images/bg-button.png) repeat-x;
	border:2px groove #FFF;
	font-size:.7em;
	font-weight:bold;
	padding:0 5px 2px 5px;
	cursor:pointer;
	}
	
input.boton {
	color:#FFF;
	background:#317f0c url(images/bg-button.png) repeat-x;
	border:2px groove #FFF;
	font-size:.7em;
	font-weight:bold;
	padding:0 5px 2px 5px;
	cursor:pointer;
	}
	
input.button-big {
	padding:6px 20px;
	}
	
.file-upload input{
 	display:block;
	margin-bottom:5px;
	padding:1px;
	color:#666666;
	width:100%;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;   
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LINKS
	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link {
	color:#33840c;
	text-decoration:underline;
	}

a:visited {
	color:#33840c;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

a:active {
	text-decoration:underline;
	color:#86c400;
	}

a.Impresion
{
 background: url(images/print.png) no-repeat 0 5px;
 padding:10px 10px 10px 10px;
 width:10px;
 height:10px; 
 text-align: center;
 vertical-align:top;
}

a.Eliminar
{
 background: url(images/eliminar.png) no-repeat 0 5px;
 padding:15px 30px 10px 10px;
 width:30px;
 height:30px; 
 text-align: center;
 vertical-align:top;
}	

a.Foto
{
 background: url(images/foto.png) no-repeat 0 8px;
 padding:10px 10px 10px 10px;
 width:10px;
 height:10px; 
 text-align: center;
 vertical-align:top;
}

a.PDF
{
 background: url(images/descargar.png) no-repeat 0 8px;
 padding:10px 10px 10px 10px;
 width:10px;
 height:10px; 
 text-align: center;
 vertical-align:top;
}

a.Desconocido
{
 background: url(images/descargar.png) no-repeat 0 8px;
 padding:10px 10px 10px 10px;
 width:10px;
 height:10px; 
 text-align: center;
 vertical-align:top;
}

a.EliminarFichero
{
 background: url(images/eliminarfichero.png) no-repeat 0 8px;
 padding:10px 10px 10px 10px;
 width:10px;
 height:10px; 
 text-align: center;
 vertical-align:top;
}	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 HEADER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header-container {
	position:relative;
	padding:6px 0 0 0;
	background:#373737;
	color:#FFF;
	min-height:1px;
	_height:1px;
	}

/* LOGO */

.logo {
	font-size:1.5em;
	width:60%;
	float:left;
	font-family:"trebuchet MS", verdana, sans-serif;
	padding:5px 0 10px 15px;
	letter-spacing:.2em;
	}

/* LOGO LINK */

.logo a:link,
.logo a:visited {
	text-decoration:none;
	color:#FFF;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LOGIN
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.nav-login  {
	font-size:.9em;
	text-align:right;
	margin:10px 15px 3px 0px;
	float:right;
	width:10%;
	}

/* LOGIN LISTS */

.nav-login ul {
	margin:0;
	padding:0;
	}

.nav-login li {
	list-style:none;
	padding:3px 0 3px 17px;
	display:inline;
	margin-left:15px;
	background:url(images/bullet-blanco.png) no-repeat 0 4px;
	}

.nav-login li.first {
	list-style:none;
	margin-left:0;
	}
	
/* LOGIN LINKS */

.nav-login a:link,
.nav-login a:visited{
	color:#FFF;
	text-decoration:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MAIN NAV
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.nav-main {
	margin:-32px 159px -1px 149px;
	padding:6px 15px 0 15px;
	background:#373737;
	min-height:25px;
	_height:25px;
	border:1px dotted #7a7a7a;
	}


/* MAIN NAV LISTS */
.nav-main ul {
	margin:0;
	padding:0;
	}

.nav-main li {
	list-style:none;
	float:left;
	background:none;
	padding:0 0 0 5px;
	}

.nav-main li a {
	display:block;
	padding:0 5px;
	border-right:1px dotted #d2d2d2;
	}

.nav-main li.first a {
	padding-left:0;
	}

/* NAV MAIN LINKS */
.nav-main a:link,
.nav-main a:visited {
	color:#FFF;
	text-decoration:none;
	}

.nav-main .active a:link,
.nav-main .active a:visited {
	color:#ffb430;
	}

.nav-main a:hover {
	text-decoration:underline;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 FOOTER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer {
	padding:10px 0;
	_height:1px;
	background:#373737;
	clear:both;
	}

.nav-footer {
	position:relative;
	_height:1px;
	margin:0 100px;
	text-align:center;
	clear:both;
	}

.nav-footer ul{
	padding:0;
	margin:0;
	text-align:center;
	}

.nav-footer li{
	background:none;
	display:inline;
	border-right:1px dotted #686868;
	padding:0 5px;
	}

.nav-footer li.first {
	border-left:1px dotted #686868;
	}
	
.copyright {
	color:#999;
	font-size:.7em;
	clear:both;
	margin:5px 0 0 0;
	}

.nav-footer a:link,
.nav-footer a:visited {
	color:#CCC;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 POSTER
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.poster-container {
	background:url(images/bg-poster-tile.jpg) repeat-x;
	min-height:200px;
	_height:200px;
	margin-top:-1px;
	}

.poster-container-no-image {
	background:url(images/bg-poster-tile.jpg) repeat-x;
	min-height:50px;
	_height:69px;
	margin-top:0px;
	}

.poster-inner {
	background:url(images/bg-poster.jpg) no-repeat left top;
	font-family:"trebuchet MS", verdana, sans-serif;
	min-height:70px;
	_height:70px;
	}

.poster-container h1 {
	margin:0;
	font-size:1.2em;
	color:#000;
	}

.poster-container p {
	margin:10px 0 0 0;
	line-height:normal;
	font-size:1em;
	}

/* POSTER LINKS */

.poster-links {
	font-weight:bold;
	}
	
.poster-container a:link,
.poster-container a:visited {
	color:#33840c;
	}

.poster-container a:hover {
	text-decoration:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 BREADCRUMB
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadcrumb {
	min-height:1px;
	_height:1px;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	font-size:.7em;
	border-bottom:1px dotted #686868;
	}

.breadcrumbsinborde {
	min-height:1px;
	_height:1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:.7em;
	font-weight:bold;
	}

.contenido {
	min-height:1px;
	_height:1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:.7em;
	}
	
.contenidoMod {
	min-height:1px;
	_height:1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:.8em;
	}
.categoria {
	min-height:1px;
	_height:1px;
	padding:15px 0 0 0;
	margin:0 0 0 0;
	font-size:.7em;
	font-weight:bold;
	}
	
 .punteado  {
    min-height:1px;
	_height:1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:bold;
	border-bottom:1px dotted #686868;
 }
	
.punteadoNormal  {
    min-height:1px;
	_height:1px;
	padding:0 0 0 0;
	margin:0 0 5px 0;
	font-size:.7em;
	font-weight:bold;
	border-bottom:1px dotted #686868;
 }
.error {
	min-height:1px;
	_height:1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:.7em;
	font-weight:bold;
	color:red;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PRIMARY LAYOUT STYLES 
	 	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.content-container {
	position:relative;
	_height:1px;
	min-height:1px;
	background:url(images/bg-column-left-oscuro.png) repeat-y;
	}

.content-container-inner {
	background:url(images/bg-column-right-oscuro.png) repeat-y right;
	_height:1px;
	min-height:1px;
	padding:0 150px 0 140px;
	position:relative;
	}
	
.content-main {
	padding:0px 2% 20px 2%;
	position:relative;
	min-height:1px;
	_height:1px;
	float:left;
	width:96%;
	}

.content-left {
	padding:20px 30px 20px 50px;
	float:left;
	width:130px;
	margin-top:-1px;
	position:relative;
	margin-left:-100%;
	right:180px;
	_left:180px;
	}

.content-right {
	padding:20px 0px;
	float:left;
	width:140px;
	margin-top:-1px;
	position:relative;
	margin-right:-100%;
	_left:200px;
	}

.ads {
	text-align:center;
	margin:20px 0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 SIDE BUCKET
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
.side-bucket {
	margin-bottom:20px;
	line-height:normal;
	}

/* SIDE BUCKET LISTS */

.side-bucket ul {
	margin:0;
	padding:0;
	_height:1px;
	}

.side-bucket li {
	list-style:none;
	border-bottom:1px dotted #7a7a7a;
	background-position:0 4px;
	}

.side-bucket li.active{
	list-style:none;
	border-bottom:1px dotted #7a7a7a;
	background-position:0 4px;
	color:red;
	}
	
.side-bucket li.first {
	border-top:1px dotted #7a7a7a;
	}
	
.side-bucket li.first active {
	border-top:1px dotted #7a7a7a;
	color: #ffb430;/*#E99400;*/
	}
	
.side-bucket li.anidado {
	background-position:0 4px;
	border:0px;
	font-size:0.9em;
	}
.side-bucket li.anidadoactive {
	background-position:0 4px;
	border:0px;
	font-size:0.9em;
	}

/* SIDE BUCKET LINKS */

.side-bucket a:link,
.side-bucket a:visited {
    color:#FFF;
	text-decoration:none;
	display:block;
	_display:inline;
	}
	
.side-bucket .active a:link,
.side-bucket .anidadoactive a:link,
.side-bucket .anidadoactive a:visited,
.side-bucket .active a:visited {
	color:#ffb430; /*#E99400 ;*/
	}

.side-bucket a:hover {
	text-decoration:underline;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 PHOTOS & CAPTIONS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.photo-container {
	padding:10px;
	border:1px dotted #7a7a7a;
	/*height: 390px; */
    /*width: 300px;  */
	}

.photo-container img {
	display:block;
	border:1px solid #666;
}

.photo-caption {
	font-size:.7em;
	padding:10px 10px 0 10px;
	text-align:center;
	color:#999;
	font-style:italic
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 THREE-COLUMN SECTION
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.three-column-container {
	margin:10px 0px;
	}

.three-column-left,
.three-column-right,
.three-column-middle {
	float:left;
	width:30%;
	margin-right:5%;
	}

.three-column-right {
	margin-right:0;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 DATA TABLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.data-table {
	background:#f6f6f6;
	font-size:.7em;
	border-top:1px dotted #7a7a7a;
	border-left:1px dotted #7a7a7a;
	}

table.data-table caption{
	background:#b6b6b6;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border:1px dotted #7a7a7a;
	border-bottom:none;
	}

table.data-table td,
table.data-table th{
	padding:8px;
	border-right:1px dotted #7a7a7a;
	border-bottom:1px dotted #7a7a7a;
	}

table.data-table th{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#ececec;
	}

table.data-table td.derecha{
    text-align:right;
	}
	
table.data-table td.centrado{
    text-align:center;
	}

table.data-table tr.row-alternating td{
	background:#e0e0e0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 BARRA ESTADO
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.BarraEstado ul li.Pendiente{
 display:inline;
 list-style:none;
 outline-color: Red;
 border-bottom-style:solid;
 font-weight:bolder;
 background: none;
 padding:0px 5px 0px 5px;
 color:Gray;
}

.BarraEstado ul li.Completo{
 display:inline;
 list-style:none;
 outline-color: Red;
 border-bottom-style:solid;
 font-weight:bolder;
 background: none;
 padding:0px 5px 0px 5px;
 color:Green;
 }
 
 .BarraEstado ul li.Parcial{
 display:inline;
 list-style:none;
 outline-color: Red;
 border-bottom-style:solid;
 font-weight:bolder;
 background: none;
 padding:0px 5px 0px 5px;
 color:orange;
 }
 
 .BarraEstado ul li.Bloqueado{
 display:inline;
 list-style:none;
 outline-color: Red;
 border-bottom-style:solid;
 font-weight:bolder;
 background: none;
 padding:0px 5px 0px 5px;
 color:Red;
 }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 LISTS
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

li {
	list-style:none;
	background:url(images/bullet-blanco.png) no-repeat 0 5px;
	padding:3px 0 3px 17px;
	}

li.verde {
	list-style:none;
	background:url(images/bullet.png) no-repeat 0 5px;
	padding:3px 0 3px 17px;
    font-size:.9em !important;
	background-position:0 4px;
    border-bottom:none !important;
	}
li.verde a:visited,
li.verde a:link {
    color: #317f0c !important;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	 
	 MISC STYLES
	 	 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.none {
	display:none;
	}

.clear {
	clear:both;
	font-size:1px;
	margin:0;
	padding:0;
	}

.align-left {
	float:left;
	margin:0 20px 15px 0;
	}

.align-right {
	float:right;
	margin:0 0 15px 20px;
	}
	
.align-derecha {
    margin:0 0 0 20px;
	float:right;
	}

.align-middle {
	vertical-align:middle;
	}
	
.inline {
	display:inline;
	}

.no-margin {
	margin:0;
	}
 
.total {
   font-size:larger;
   font-weight:bolder;
   border:1px solid #82b26e;
   background:url(images/bg-input.png) no-repeat;
   }

.spinner {
	position: fixed;
	top: 40%;
	left: 40%;
	margin-left: -50px; /* half width of the spinner gif */
	margin-top: -50px; /* half height of the spinner gif */
	text-align:center;
	z-index:1234;
	overflow: auto;
	width: 100px; /* width of the spinner gif */
	height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.actualizar
{
    color:#FFF;
	background:#317f0c url(images/bg-button.png) repeat-x;
	border:2px groove #FFF;
	font-size:.7em;
	font-weight:bold;
	padding:0 5px 2px 5px;
	cursor:pointer;
}

.TablaIzquierda
{
    border-spacing:0px;
    border-collapse:collapse;
    text-align:left;
}

.TablaIzquierda tr td, .TablaIzquierda tr th
{
    padding:0px;
}

/********* Estilos para la pantalla de mensaje de error **********************/
.message-dismiss
{
    padding-left: 0.5em;
    font-weight: normal;
    color: #777 !important;
}
        
.message-container
{
    margin-top: 5px;
    padding: 0.5em;
    line-height: 1em;
}
        
.message-container p
{
     padding: 0 1em;
}
        
.message-container p .ui-icon
{
    margin-right: .3em;
}
        
.ui-widget-header
{
    text-align: center;
}

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
/* Corner radius */
.ui-corner-all { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-all { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-all { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_469bdd_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }

.color-rojo
{
    background: none;
    background-color: red;
    color: black;
    font-weight: bold;
}
.letra-roja-negrita 
{
    color: red;
    font-weight: bold;
}

.color-amarillo
{
    background: none;
    background-color: yellow;
    color: black;
    font-weight: bold;
}

/*******************************************************************************************************/
/* SELECTOR DE FICHERO  ---------------------------------------------------------------------------*/
/*******************************************************************************************************/
.upload {
   width: 28px;
   height: 28px;
   padding:0px 10px 0 0;
   background: url(images/explore.png) no-repeat;
   overflow: hidden;
   cursor:crosshair;
}

.upload input {
   display: block !important;
   width: 157px !important;
   height: 57px !important;
   opacity: 0 !important;
   overflow: hidden !important;
}

/*******************************************************************************************************/
/* Nuevo Documento                                           -----------------------------------------*/
/*******************************************************************************************************/
#dv_NuevoDocumento {
    background-color: #e1e1e1;
    display: none;
    width: 540px;
    padding: 15px 15px 5px 15px;
    text-align: left;
    border: 2px solid #333;
    opacity: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    }

#dv_NuevoDocumento .close {
    background-image:url(images/closemodal.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    }

#dv_NuevoDocumento fieldset {
    /*padding:0;*/
    margin:0;
    }

#dv_NuevoDocumento textarea {
    width:487px;
    height:300px;
    resize: none; 
    }

#dv_NuevoDocumentoPie {
    padding:5px 0 0 0;
    margin:0;
    width:510px;
    resize: none; 
    text-align:right;
    /*border:2px solid red;*/
    }

#dv_NuevoDocumentoPie input {
    margin-left:30px;
    }

.file-upload input{
 	display:block;
	margin-bottom:5px;
	padding:1px;
	color:#666666;
	width:100%;
	font-size:.7em;
	border:1px solid #82b26e;
	background:url(images/bg-input.png) no-repeat;   
}

/*******************************************************************************************************/
/* SELECTOR DE FICHERO  ---------------------------------------------------------------------------*/
/*******************************************************************************************************/
.upload {
   width: 28px;
   height: 28px;
   padding:0px 10px 0 0;
   background: url(images/explore.png) no-repeat;
   overflow: hidden;
   cursor:crosshair;
}

.upload input {
   display: block !important;
   width: 157px !important;
   height: 57px !important;
   opacity: 0 !important;
   overflow: hidden !important;
}

/*******************************************************************************************************/
/* PANTALLAS MODALES ---- ---------------------------------------------------------------------------*/
/*******************************************************************************************************/
.PantallaModal1 {
    background-color: #e1e1e1;
    display: none;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;
    opacity: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    box-shadow: 0 0 50px #ccc;
    }

.PantallaModal1 .close {
    background-image:url(images/closemodal.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    }

.PantallaModal2 {
    background-color: #e1e1e1;
    display: none;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;
    opacity: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    box-shadow: 0 0 50px #ccc;
    }

.TotalDisplay {
    width:270px;
    height:88px;
    color:#feaeae;
    background-color:#000000;
    font-family: 'Courier New';
    font-size: x-large;
    font-weight: bold;
    text-align: right;
    }

/*······························································································································*/
/* Pantalla Guardar Cambios ····································································································*/
/*······························································································································*/
#ITRGuardarCambios { width: 500px; }

#ITRGuardarCambiosCuerpo1 { padding: 30px 30px; height:50px; border:1px solid #808080; }

#ITRGuardarCambiosCuerpo1 > * { float:left; }
#ITRGuardarCambiosCuerpo2 { margin-top:15px; text-align:right; }

#iGuardarCambios { margin:12px 15px 0 0; }

#btGuardar { background-image:url(images/save_16x16.png); }
#btNoGuardar { background-image:url(images/cancel_16x16.png); }


/********** Botones Genéricos *******/
.btITR1 {
    background: #e0dbfc url(images/ok_16x16.png) no-repeat 7% 50%;
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 11px;
    margin-top:0px;
    padding: 8px 45px;
    border:1px solid #808080;
    cursor:pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
.btITR1:hover {
   background-color: #f1eefe;
   }

.btITR1[disabled]{
    cursor:auto;
    background-color: #d1d1d1;
    }

.btIcono {
    background: url(images/new_16x16.png) no-repeat top center #f5f5f5;
    width: 30px;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-decoration: none;
    cursor: pointer;
    margin-top: 0px;
}

#btLoginUsuarioTiendaAceptar {
    width:200px;
    margin:10px 0 0 0;
    }

a.lnkITR1 {
    background: #e0dbfc url(images/export_16x16.png) no-repeat 7% 50%;
    text-decoration: none;
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 11px;
    padding:5px 30px 5px 30px;
    border:1px solid #808080;
    cursor:pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }

a.lnkITR1:hover {
   background-color: #f1eefe;
   }

a.lnkITR1Disable {
    background: #d1d1d1 url(images/export_16x16.png) no-repeat 7% 50%;
    text-decoration: none;
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 11px;
    padding:5px 30px 5px 30px;
    border:1px solid #808080;
    cursor:default;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }

#BarraEstado { text-align:center; padding:0; height:20px; }

#BarraEstadoTXT { display:none; font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#EE7F00; font-weight: bold; font-size: 11px; }

.texto-rojo { color: red; }