/* clases */
.clear {
    clear:both;
}

/* Layout */

body{
    height:auto !important;
	background-color:#ffffff;
	font-size:12px;
	padding:0;
	margin:0;
	
}

.content {
	padding:10px;
	background-color:#FFFFFF;
}

.bg2{
	 min-height:1134px;
    background: url(../images/parking.jpg) center 0px no-repeat;
	/*background: #666;*/
}

.bg1{
	height:auto !important;
	min-height:1134px;
	background:url(../images/bg_body.gif) 0px repeat-x;
}

a:link {
	color: #000000;
	text-decoration:none;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #FF0000;
	text-decoration:underline;
}
a:active {
	color: #FF0000;
}


h1 {
	font-size: 15px;
	color: #8BBA02;
}
h2 {
	font-size: 12px;
	color: #FF0000;
}
h3 {
	font-size: 10px;
	color: #FF0000;
}
h4 {
	font-size: 9px;
	color: #FF0000;
}

h1, h2, h3, h4, p  {
	margin-bottom:15px;
}

ul, ol {
	list-style:none;
}

li {
	margin-left:30px;
	line-height:2;
}

/*

.bg3_body{
	height:100%;
	background:url(../images/bg2_body.jpg) center 0px no-repeat;
}


*/

/* wrapper */
#wrapper{
	margin-bottom:10px;
	background-color:#FFFFFF;
}

.arrow {
	list-style-image:url(../images/arrow.gif);
}

.cent-img {
	display:block;
	margin:auto;
}

.act-buttons {
	display:block;
	float:right;
	margin:0 0 0 25px;
}

.act-buttons span {
	display:block;
	float:left;
	padding:7px 10px 0 0;
	margin:0 0 0 25px;
}

#actions span a {
	color:#000;
}

#actions span a:hover {
	color: #FF0000;
}

#actions{
    width:450px;
    margin:0;
	float:right;
	padding-right:10px;
}

/* paginacion */
#paginacion{
    width:260px;
	
    margin:10px auto;
	text-align:center;
}

#paginacion .atras a {
	width:120px;
	height:20px;
	background: url(../images/adelante.png);
	display:block;
	text-align:center;
	line-height:1.5;
	color:#666;
	text-decoration:none;
	font-size:12px;
	float:left;
	margin-right:15px;
}

#paginacion .adelante a {
	width:120px;
	height:20px;
	background: url(../images/atras.png);
	display:block;
	text-align:center;
	line-height:1.5;
	color:#666;
	text-decoration:none;
	font-size:12px;
	float:left;
}


/* acciones */
.boton-action a {
	width:114px;
	height:31px;
	background:url(../images/boton-negro.gif);
	display:block;
	text-align:center;
	line-height:2.5;
	color:#fff;
	text-decoration:none;
	float:left;
	margin-left:15px;
	font-size:12px;
}

.boton-action a:hover {
	width:114px;
	height:31px;
	background:url(../images/boton-rojo.gif);
}

#search {
	float:left;
	margin:0 0 0 15px;
}

/* top info */
#top-info{
    width:100%;
    margin-top:0 !important;
    text-align:right;
	background:#8BBA02;
	float:left;
	
}

#top-info a{
    color:#fff;
    text-decoration:none;
}

#top-info a:hover{
    color:#fff;
    text-decoration:underline;
}

#top-info span{
    /*width:250px;*/
    margin:0 10px 0 0;
    padding:10px;
    display:block;
    float:right;
    color:#fff;
}

.centra {
	margin:auto;
}
/*navi */
#navi {
    width:100%;
    float:left;
    margin:15px 0 0 0;
}

#navi ul {
	float:left;
	list-style:none;
	margin:0;
	width: 400px;
}

#navi ul li {
    float:left;
    text-align:center;
    margin-left:5px;
    font-size:13px;
}

#navi ul li a {
    background:#000;
    color:#fff;
    padding:10px 15px;
    display:block;
    text-decoration:none;
}

#navi ul li a:hover, .active{
    background:#fff;
    color:#666;
}

/* header */
#header {
    background:#fff;
	float:left;
}

#logo {
    width:236px;
    height:85px;
    float:left;
    margin:15px;
    background:url(../imag/logo-login.jpg);
}

#logo a {
    width:236px;
    height:85px;
    display:block;
}

#logo h1 {
    display:none;
}

/* sidebar*/
#sidebar {
    width:140px;
    padding:0 10px;
    float:left;
    margin:0 0 0 0;
    background:#fff;
}

#sidebar ul li {
    font-size:12px;
}

#sidebar ul li a {
    background:#FC0000;
    color:#fff;
    padding:10px 15px;
    display:block;
    text-decoration:none;
}

#sidebar ul li a:hover, .active{
    background:#3A3A3A;
    color:#fff;
}

/* Main */
#main{
    background:#ffffff;
	padding:0 0 20px 0;
	opacity:0.9;
}

#main h1 span{
    background:#ccc;
    color:#3a3a3a;
    display:block;
    padding:10px 0 10px 10px;
    margin:0 10px;
    font-size:18px;
}

/* Tabla Usuarios */
.centra-tabla {
	display:block;
	margin:auto;
}

.centra-tabla table {
	width:100% !important;
}

#tabla-usuarios {
	margin:10px;
	font-size:10px;
	line-height:1.2;
}

#tabla-usuarios table {
  border: 1px solid #666;
  color: #363636;
  background: #efefef;
  }
#tabla-usuarios caption {
	font-size:18px;
	font-weight:normal;
	padding:6px;
	color: #000;
	text-transform: uppercase;
  }
#tabla-usuarios td, th {
  border: 1px solid #ccc;
  padding:5px;
  color: #363636;
  }

#tabla-usuarios thead th, tfoot th {
  font: bold 10px verdana, arial, helvetica, sans-serif;
  border: 1px solid #000;
  background: #374294;
  color: #FFFFFF;
  padding-top:3px;
  }
#tabla-usuarios tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  
  }
#tabla-usuarios tbody td a:hover {
  background: #C2F64D ;
  color: #363636;
  }
#tabla-usuarios tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
#tabla-usuarios tbody th a:hover {
  background: transparent;
  color: #363636;
  }
#tabla-usuarios tbody th, tbody td {
  vertical-align: top;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
#tabla-usuarios .odd {
  background: #fff;
  }
#tabla-usuarios tbody tr:hover {
  background:#CEE3F6;
  border: 1px solid #666;
  color: #000;
  }
#tabla-usuarios tbody tr:hover th,
tbody tr.odd:hover th {
  background:#CEE3F6;
  color: #000;
}


#tabla-usuarios fieldset {
	padding:10px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	margin:0 15px 15px 0;
	background:#DCEEFC;
	opacity:none ;
}

#tabla-usuarios fieldset:hover {
	background:#AACFFA;
}

#tabla-usuarios legend{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242;
	background:#666;
	color:#fff;
	padding:10px;
	font-size:15px;
	margin-bottom:15px;
	display:block;
}

#tabla-usuarios label{
	display:block;
	width:100px;
	margin:0 10px 0 0;
	padding:5px;
	font-size:10px;
	float:left;
	text-align: right;
}








/* footer */
#footer{
    margin:auto;
    background:#ffffff;
	padding:20px;
	text-align:center;
	font-size:12px;
}

/* generic form */
.generic-form {
	width:100%;
	float:left;
	margin:0;
	font-size:10px;
}

.generic-form fieldset {
	padding:10px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	margin:0 15px 15px 0;
	background:#DCEEFC;
	opacity:none ;
	font-size:10px;
}

.generic-form fieldset:hover {
	background:#AACFFA;
}

.generic-form legend{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242;
	background:#666;
	color:#fff;
	padding:10px;
	font-size:15px;
	margin-bottom:15px;
	display:block;
}

.generic-form label{
	display:block;
	width:100px;
	margin:0 10px 0 0;
	padding:5px;
	font-size:12px;
	float:left;
	text-align: right;
}

.generic-form radio{
	float:left;
}

.campo-select{
	width:238px;
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}
.campo-select-largo{
	width:400px;
	margin:0 0 5px 0;
	padding:5px 5px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}

.campo-select2{
	width:70px;
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}

.campo{
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}

.campo_montos{
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}

.campo-textarea{
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}
.campo-textarea-largo{
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}

.campo-textarea-presupuesto{
	margin:0 0 5px 0;
	padding:5px 8px;
	font-size:10px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:left;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242; 
}

.enc-radio {
	display:block;
	float:left;
}

/* ANCHURA FIELDSETS
Se agrega esta clase para cubrir una anchura determinada, y sobre escribe la anchura por defecto
 */
.wide-field-1 {
	width:220px !important;
}

.wide-field-2 {
	width:440px !important;
}

.wide-field-3 {
	width:660px !important;
}

.wide-field-4 {
	width:97% !important;
}

.wide-field-1 label{
	font-size:10px;
}

.wide-field-2 label{
	font-size:10px;
}

.wide-field-3 label{
	font-size:10px;
}

.wide-field-4 label{
	font-size:10px;
}

.wide-field-4 legend{
	font-size:10px;
}

.campo-boton{
	width:80px;
	margin:5px 10px 5px 0;
	padding:5px 8px;
	font-size:12px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:center;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242;
	background:#fff;
	color:#000;
}

.campo-boton:hover{
	background:#666;
	color:#fff;
	border:solid 1px #000;
}




.campo-boton-libre{
	margin:5px 10px 5px 0;
	padding:5px 8px;
	font-size:12px;
	font-family:'Ubuntu', arial, serif !important;
	float:left;
	text-align:center;
	border:solid 1px #9ED3FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242;
	background:#fff;
	color:#000;
}

.campo-boton-libre:hover{
	background:#666;
	color:#fff;
	border:solid 1px #000;
}





/* Estilo campo file */

.upload {
  position: relative;
  width: 240px;
  height: 31px;
  overflow:hidden;
  background: url(../imag/examinar.png) left top no-repeat;
  clip:rect(0px, 80px, 24px, 0px );
} 

.upload input {
  position: absolute;
  left: auto;
  right: 0px;
  top: 0px;
  margin:0;
  padding:0;
  filter: Alpha(Opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
/***************/

/*Calendario*/
DIV.calendar
{
    POSITION: relative
}
.calendar
{
    BORDER-RIGHT: #565 1px solid;
    BORDER-TOP: #565 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #efe;
    BORDER-LEFT: #565 1px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #565 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar TABLE
{
    BORDER-RIGHT: #565 1px solid;
    BORDER-TOP: #565 1px solid;
    FONT-SIZE: 11px;
 BACKGROUND: #efe;
    BORDER-LEFT: #565 1px solid;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #565 1px solid;
    FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 90%;
    BACKGROUND: #676;
    PADDING-BOTTOM: 2px;
    COLOR: #fff;
    PADDING-TOP: 2px;
    TEXT-ALIGN: center
}
.calendar .nav
{
    BACKGROUND: url(menuarrow.gif) #676 no-repeat 100% 100%
}
.calendar THEAD .title
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    BACKGROUND: #250;
    PADDING-BOTTOM: 2px;
    COLOR: #efa;
    PADDING-TOP: 2px;
    TEXT-ALIGN: center
}
.calendar THEAD .headrow
{
}
.calendar THEAD .name
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    COLOR: #000;
    PADDING-TOP: 2px;
  BORDER-BOTTOM: #565 1px solid;
    TEXT-ALIGN: center
}
.calendar THEAD .weekend
{
    COLOR: #a66
}
.calendar THEAD .hilite
{
    BORDER-RIGHT: #084 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #084 1px solid;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #084 1px solid;
    COLOR: #000;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #084 1px solid;
    BACKGROUND-COLOR: #afa
}
.calendar THEAD .active
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #7c7
}
.calendar THEAD .daynames
{
    BACKGROUND: #dfb
}
.calendar TBODY .day
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    WIDTH: 2em;
    COLOR: #564;
    PADDING-TOP: 2px;
    TEXT-ALIGN: right
}
.calendar TBODY .othermonth
{
    FONT-SIZE: 80%;
    COLOR: #bbb
}
.calendar TBODY .oweekend
{
    COLOR: #fbb
}
.calendar TABLE .wn
{
    BORDER-RIGHT: #8a8 1px solid;
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 2px;
    BACKGROUND: #dfb;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD
{
    BACKGROUND: #dfd
}
.calendar TBODY .rowhilite TD.wn
{
    BACKGROUND: #efe
}
.calendar TBODY TD.hilite
{
    BORDER-RIGHT: #bbb 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #bbb 1px solid;
 PADDING-LEFT: 1px;
    BACKGROUND: #efd;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #bbb 1px solid;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #bbb 1px solid
}
.calendar TBODY TD.active
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #dec;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 2px
}
.calendar TBODY TD.selected
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 1px;
    FONT-WEIGHT: bold;
    BACKGROUND: #f8fff8;
  PADDING-BOTTOM: 1px;
    BORDER-LEFT: #000 1px solid;
    COLOR: #000;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.weekend
{
    COLOR: #a66
}
.calendar TBODY TD.today
{
    FONT-WEIGHT: bold;
    COLOR: #0a0
}
.calendar TBODY .disabled
{
    COLOR: #999
}
.calendar TBODY .emptycell
{
    VISIBILITY: hidden
}
.calendar TBODY .emptyrow
{
    DISPLAY: none
}
.calendar TFOOT .footrow
{
    BACKGROUND: #565;
    COLOR: #fff;
    TEXT-ALIGN: center
}
.calendar TFOOT .ttip
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    BACKGROUND: #250;
    PADDING-BOTTOM: 2px;
    COLOR: #efa;
    PADDING-TOP: 2px
}
.calendar TFOOT .hilite
{
    BORDER-RIGHT: #084 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #084 1px solid;
    PADDING-LEFT: 1px;
    BACKGROUND: #afa;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #084 1px solid;
    COLOR: #000;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #084 1px solid
}
.calendar TFOOT .active
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 2px;
    BACKGROUND: #7c7;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 2px
}
.calendar .combo
{
    BORDER-RIGHT: #565 1px solid;
    BORDER-TOP: #565 1px solid;
    DISPLAY: none;
    FONT-SIZE: 90%;
    Z-INDEX: 100;
    BACKGROUND: #efd;
    LEFT: 0px;
    BORDER-LEFT: #565 1px solid;
    WIDTH: 4em;
    CURSOR: default;
    COLOR: #000;
    BORDER-BOTTOM: #565 1px solid;
    POSITION: absolute;
    TOP: 0px
}
.calendar .combo .label
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    TEXT-ALIGN: center
}
.calendar .combo .label-IEfix
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    TEXT-ALIGN: center
}
.calendar .combo .label-IEfix
{
    WIDTH: 4em
}
.calendar .combo .hilite
{
    BACKGROUND: #af8
}
.calendar .combo .active
{
    BORDER-TOP: #6a4 1px solid;
    FONT-WEIGHT: bold;
    BACKGROUND: #efe;
    BORDER-BOTTOM: #6a4 1px solid
}
.calendar TD.time
{
    PADDING-RIGHT: 0px;
    BORDER-TOP: #8a8 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #dfb;
    TEXT-ALIGN: center
}
.calendar TD.time .hour
{
    BORDER-RIGHT: #898 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #898 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #898 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #898 1px solid;
    BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute
{
    BORDER-RIGHT: #898 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #898 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #898 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #898 1px solid;
    BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm
{
    BORDER-RIGHT: #898 1px solid;
    PADDING-RIGHT: 3px;
    BORDER-TOP: #898 1px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    BORDER-LEFT: #898 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #898 1px solid;
    BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm
{
    TEXT-ALIGN: center
}
.calendar TD.time .colon
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite
{
    BORDER-LEFT-COLOR: #000;
    BORDER-BOTTOM-COLOR: #000;
    COLOR: #fff;
    BORDER-TOP-COLOR: #000;
    BACKGROUND-COLOR: #686;
    BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active
{
    BORDER-LEFT-COLOR: #f00;
    BORDER-BOTTOM-COLOR: #f00;
    COLOR: #0f0;
    BORDER-TOP-COLOR: #f00;
    BACKGROUND-COLOR: #000;
    BORDER-RIGHT-COLOR: #f00
}

/* error 2 */
#error2 {
	width:190px;
	border:solid 1px #000;
	background:#efefef;
	color:#666;
	padding:10px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #000;
	-moz-box-shadow: 1px 2px 2px #000;
	box-shadow: 1px 2px 2px #000; 
}
#error2 h3 {
	margin-bottom:5px;
	font-weight:bold;
}

#error2 h3, p {
	margin:0;
	line-height:1.5;
}
.contenidos_sistema{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.titulos_mensajes{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#CC0000;
}


/*    TABLA CON SCROLL   */


#tabla-usuarios-scroll {
	margin:10px;
	font-size:10px;
	line-height:1.2;
	overflow:auto;
	height:300px;
}

#tabla-usuarios-scroll table {
  border: 1px solid #666;
  color: #363636;
  background: #efefef;
  }
#tabla-usuarios-scroll caption {
	font-size:18px;
	font-weight:normal;
	padding:6px;
	color: #000;
	text-transform: uppercase;
  }
#tabla-usuarios-scroll td, th {
  border: 1px solid #ccc;
  padding:1px;
  color: #363636;
  }

#tabla-usuarios-scroll thead th, tfoot th {
  font: bold 10px verdana, arial, helvetica, sans-serif;
  border: 1px solid #000;
  background: #374294;
  color: #FFFFFF;
  padding-top:3px;
  }
#tabla-usuarios-scroll tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  
  }
#tabla-usuarios-scroll tbody td a:hover {
  background: #C2F64D ;
  color: #363636;
  }
#tabla-usuarios-scroll tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
#tabla-usuarios-scroll tbody th a:hover {
  background: transparent;
  color: #363636;
  }
#tabla-usuarios-scroll tbody th, tbody td {
  vertical-align: top;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
#tabla-usuarios-scroll .odd {
  background: #fff;
  }
#tabla-usuarios-scroll tbody tr:hover {
  background:#CEE3F6;
  border: 1px solid #666;
  color: #000;
  }
#tabla-usuarios-scroll tbody tr:hover th,
tbody tr.odd:hover th {
  background:#CEE3F6;
  color: #000;
}


#tabla-usuarios-scroll fieldset {
	padding:10px;
	float:left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	margin:0 15px 15px 0;
	background:#DCEEFC;
	opacity:none ;
}

#tabla-usuarios-scroll fieldset:hover {
	background:#AACFFA;
}

#tabla-usuarios-scroll legend{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	-webkit-box-shadow: 1px 2px 2px #424242;
	-moz-box-shadow: 1px 2px 2px #424242;
	box-shadow: 1px 2px 2px #424242;
	background:#666;
	color:#fff;
	padding:10px;
	font-size:15px;
	margin-bottom:15px;
	display:block;
}

#tabla-usuarios-scroll label{
	display:block;
	width:100px;
	margin:0 10px 0 0;
	padding:5px;
	font-size:10px;
	float:left;
	text-align: right;
}

.contenidoGris{
	color:#333333;
}