body {
    margin:0;
    border:0;
    padding:0;
    height:100%; 
    max-height:100%; 
    background:#fff; 
    font-family: "Segoe UI", Calibri, "Trebuchet MS"; 
    font-size:56%;
    overflow: hidden; 
    }

/* for internet explorer */
* html body {
    padding:120px 0 50px 0; 
    }

#container
{
    font-family: "Segoe UI" , Calibri, "Trebuchet MS";
    font-size: 1.4em;
    position: fixed;
    top: 158px; /*88px;*/
    left: 50px;
    bottom: 30px;
    right: 0;
    overflow: auto;
    /*background: #F3F2E9 url("../images/LogoUES-03.gif") no-repeat 50% 50%;*/
    background-size: contain;
    padding: 20px; /*text-align:center;*/
}


* html #container {
    height:100%; 
    width:100%; 
    }

#header {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:158px;
    overflow:auto; 
    /*background:#7D9F2D;*/
    background:#53829d;
    /*border-bottom:4px solid #A2CB47;*/
    /*border-bottom:4px solid #73a2bd;*/
    /*border-bottom:4px solid #E48D0C;*/
    background: url("../images/bgheader.jpg") repeat-x scroll 0 0 transparent;
    /*background: url("../images/cabecera_bg.png") repeat-x scroll 0 0 transparent;*/
    /*background: url("/images/header_bg.jpg") repeat-x scroll 0 0 transparent;*/
    }
* html #header {height:60px;}


#footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    overflow: auto;
    text-align: right; 
    /*background:#A2CB47;*/
    /*background: #73a2bd; */
    background: #F6A53A;
    /*border-top:5px solid #7D9F2D;*/
    border-top:5px solid #CA7D0B; /*#53829d;*/
    /*border-top: 4px solid #E48D0C;*/
    border-top-color: #CA7D0B;
}
* html #footer {height:30px;}

/* end of bit that does the work */

h1 {font-size:2em; margin:0; padding:0;}

#footer p {
    color:#fff; 
    margin:2px 10px 0 10px;
    }
    
#footer p a
{
    color:#ffffff;
    }

/*#header img {
    margin:10px 10px 0 10px;
    }*/
#container img 
{
    /*margin:5px;*/
    border:0;
}

#absolute {
    position:absolute; 
    top:400px; 
    right:100px; 
    width:200px; 
    background:#ddd; 
    padding:10px; 
    border:1px solid #333333;
    }

#left {
    float:left; 
    background:#eee; 
    padding:10px; 
    border:1px solid #333333; 
    color:#333333; 
    width:50%;
    }

#right {
    float:right; 
    background:#ddd; 
    padding:10px; 
    border:1px solid #333333; 
    color:#333333; 
    }

a, a:visited {
    /*font-size:1.1em;*/
    text-decoration: none;
    color:#666666;
    }

a:hover {
    color:#333333; 
    text-decoration:none;
    }

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

/*#header ul {
    clear:both; 
    text-align:center; 
    padding-top:60px;
    border-top:1px solid #73a2bd;
    }*/

/*#header ul {
    margin:0; 
    padding:0;
    list-style-type:none; 
    background:transparent; 
    height:3em;
    }*/

#header ul li {
    /*display:inline; */
    /*color:#A2CB47;*/
    color:#73a2bd;
    font-size:14px;
    font-weight: bold;
    }

.strike {text-decoration:line-through;}
.lft {float:left; font-size:12px;}
.rgt{float:right;}

* html {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}

.titulo {position:absolute; color: White; padding:29px 0 0 42px; font-size:36px;}
.logout {position:absolute; font-weight:bold; top:124px; right:20px; color:#002538; font-size:14px; text-align: right; line-height:15px;}
.cr {font-size:9px;}
	#dialog label, #dialog input { display:block; }
	#dialog label { margin-top: 0.5em; }
	#dialog input, #dialog textarea { width: 95%; }
	/*#tabs { margin-top: 1em; }*/
	#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.autocompletar
{
    font-size:12px;
    line-height:13px;
    padding:5px;
}
.foco
{
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}

/* Tabla  
----------------------------------------------------------*/
th 
{
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight:bold; 
    /*line-height:30px;*/ 
    color:White; 
    background-color:#3A4F63;
    border-right: 1px solid #273543;
    border-left: 1px solid #597999;
}

td     
{
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    /*background:#fff;*/
}

.alterno
{
    background:#eee;
}

.over {background:#DDD0C8;}

.cabecera 
{
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 10px;
    font-weight:bold; 
    line-height:30px; 
    color:White; 
    background-color:#9a9a9a;
}

.cabecera_re
{
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-weight:bold; 
    line-height:30px; 
    color:White; 
    background-color:#333333;
}

.arriba_dentro
{
    -webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;
}

/* input, lista, textarea  
----------------------------------------------------------*/
.texto
{
    border:1px solid #b0b0b0;
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    /*text-transform:uppercase;*/
    font-size: 12px;
    border-radius:4px;
    padding:3px;
    background: #ffffff url(../images/content_repeat.jpg) 50% 10% repeat-x;
}

.textoeditado
{
    border:1px solid #b0b0b0;
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    /*text-transform:uppercase;*/
    font-size: 12px;
    border-radius:4px;
    padding:3px;
    background: #ffffcc url(../images/content_repeat2.jpg) 50% 10% repeat-x;
}

.autocomplete
{
    border:1px solid #9ecaed!important;
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    /*text-transform:uppercase;*/
    font-size: 12px;
    border-radius:4px;
    padding:3px;
    background: #ffffff url(../images/content_repeat.jpg) 50% 8% repeat-x;
    box-shadow: 0 0 10px #9ecaed;
}

.autocompleteeditado
{
    border:1px solid #9ecaed!important;
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    /*text-transform:uppercase;*/
    font-size: 12px;
    border-radius:4px;
    padding:3px;
    background: #ffffcc url(../images/content_repeat2.jpg) 50% 8% repeat-x;
    box-shadow: 0 0 10px #9ecaed;
}

.lista
{
    border:1px solid #b0b0b0;
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    border-radius:4px;
    padding:3px;
    background: #ffffff url(../images/content_repeat.jpg) 50% 10% repeat-x;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 0px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 0.9em;/*1.35em;*/
    padding: 5px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #F6A53A;
    color: #ffffff;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

ul.level2 li a
{
    font-size:12px;
}

.etiqueta {padding:3px;border:1px solid #b0b0b0;border-radius:4px; background-color:#f0f0f0;display: inline-block;}

.celdaCaptura {
    background-color:#465C71;
    color: #ffffff;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:35px;
}

.celdaCaptura2 {
    border-bottom: 1px dotted #888; 
    height:30px;
    vertical-align:middle;
}

.celdaPieTabla {
    background-color:#8FA5BA;
    color: #ffffff;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    height:35px;
}

.falta
{
    outline:none;
    border-color:#b70000;
    box-shadow:0 0 2px #b70000;
    font-family: Calibri, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
    font-size: 12px;
}

.faltaetiqueta
{
    color: #b70000;
}

.encabezadoTabla
{
    background:#465C71;
    color: #FFFFFF;
    font-weight: bold;
    height: 35px;
}