/* General  ---------------------------- */ 
body {
	background-image: url(../imagenes/index/center.png), url(../imagenes/index/left.png), url(../imagenes/index/right.png), url(../imagenes/index/circle.png), url(../imagenes/index/back.png);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x;
	background-position: left top, left top, right top, center top, left top;
	background-color: #FF9733;
	margin: 0px auto;
	font-family: 'PT Sans', sans-serif;
	
}
.DIvButtonBar {
	width:838px;
	margin-left:15px;
	margin-bottom: 10px;
	height: 40px;
}

.float-left {
	FLOAT: left
}
.float-right {
	FLOAT: right
}
.space1{
	height:20px;
	width:100%;
}
.space2{
	height:10px;
	width:100%;
}

.space3{
    height: 4px;
    width: 100%;
}



input, select, textArea {
	background-color:#ffffff;
	border: 2px solid #CCC;
	border-radius: 4px 4px 4px 4px;
	padding:2px;
	color: #888888;
}

.fondo{
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
background-color:#000000;
z-index:0;
opacity: 0.5;
}

/* INDEX MENU ----------------------------*/

.bar-user{
	width: 300px;
	margin-top: 0px;
	position: absolute;
	top: 5px;
	right: 20px;
	visibility: visible;
	z-index: -1;
}

.bar-user a {
	color:#FFFFFF;
}

.div-menu-all{
	margin: 34px auto;
	width: 600px;
	z-index: 1;
}

.div-menu1{
	

}
.div-menu2{
	float:left;
}

.div-menu3{
	float:right;
}


.box-menu{
	width: 180px;
	height: 104px;
	background-image: url(../imagenes/index/box-menu-back.png);
	background-repeat:repeat-x;
	border-radius: 15px;
	padding: 8px;
	/*box-shadow: 2px 2px 4px #757575;*/
}
.ico-box {
	margin-top: 20px;
	margin-right: 10px;
	box-shadow: 2px 2px 4px #757575;
	cursor: pointer;

}

.abm-menu{
	position: absolute;
	width: 100%;
	height: 80px;
	float: none;
	text-align: center;
	top: 510px;
}


/* ABM  ---------------------------- */ 


.abm-1 {
	z-index: 10;
	width: 960px;
	height: 580px;
	margin-top: -290px;
	margin-left: -480px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/abm-paciente-tit.png), url(../imagenes/abm-paciente-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 4px #757575;
	display: none;
}

.abm-2 {
	z-index: 10;
	width: 960px;
	height: 580px;
	margin-top: -290px;
	margin-left: -480px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/abm-intervencion-tit.png), url(../imagenes/abm-paciente-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 4px #757575;
	display: none;
}

.abm-4 {
	z-index: 10;
	width: 960px;
	height: 580px;
	margin-top: -290px;
	margin-left: -480px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/abm-colaboradores-tit.png), url(../imagenes/abm-paciente-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 4px #757575;
	display: none;
}

.abm-5 {
	z-index: 10;
	width: 960px;
	height: 580px;
	margin-top: -290px;
	margin-left: -480px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/abm-eventos-tit.png), url(../imagenes/abm-paciente-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 4px #757575;
	display: none;
}

.abm-6 {
	z-index: 10;
	width: 960px;
	height: 580px;
	margin-top: -290px;
	margin-left: -480px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/abm-cumples-tit.png), url(../imagenes/abm-paciente-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 4px #757575;
	display: none;
}

.abm-7 {
	z-index: 10;
	width: 960px;
	height: 580px;
	margin-top: -290px;
	margin-left: -480px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../imagenes/abm-formularios-tit.png), url(../imagenes/abm-paciente-back.png);
	background-repeat: no-repeat, repeat-x;
	background-position: left top, left top;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 2px 2px 4px #757575;
	display: none;
}


.abm-padding {
    padding: 0 20px;
}

.abm-toolbar {
	width: 100%;
	text-align: right;
	margin-bottom: -5px;
	vertical-align: top;
	height: 41px;

}

.abm-bt-toolbar{
	padding-top: 7px;
}

.abm-bt-cerrar{
	padding-top: 4px;
	margin-left:24px;
	vertical-align: top;
	
}

.abm-min-height {
	min-height:480px
}

.bt-bar{
	margin-top:10px;
	width:100%;
}
.bt-bar-iconos{
    position: absolute; 
    float: right; 
    right: 20px; 
    bottom: 10px;	
}
.modal-custom {
	background-image: url(../imagenes/modal-custom-back.png);
	background-repeat: repeat-x;
}

.vista-scroll {
	overflow: auto;
	height:380px;
	padding-right:20px;
}


/* BOX  ---------------------------- */ 

.box1{
	
	border-radius: 4px 4px 4px 4px;
	padding: 7px 14px;
	color: #999999;
	/*border: solid 4px #f4f4f4;*/
	background-image: url(../imagenes/div-box1-back-left.jpg), url(../imagenes/div-box1-back-right.jpg), url(../imagenes/div-box1-back.jpg);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left top, right top, left top;
	background-color: #ECECEC;
}



.box1 TH {
	height: 24px;
	font-size: 10px;
	color: #999;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
	text-align: left;
	background-color: #EEE;
	border: solid 1px #ffffff;
}
.box2{
	border-radius: 4px 4px 4px 4px;
	padding: 10px 18px;
	color: #999999;
    background-image: url(../imagenes/div-box2-back-left.jpg), url(../imagenes/div-box2-back-right.jpg), url(../imagenes/div-box2-back.jpg);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left top, right top, left top;
}
.box1Shadow{
	padding: 10px;
	box-shadow: 2px 2px 2px #999999;
	border-radius: 4px 4px 4px 4px;
	background-color: #FFF;
	border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
	margin-bottom: 20px;
	font-size: 10px;
}

.boxAlert{
	padding: 10px 14px 10px 48px;
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #ECEAD2;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
	background-image: url(../imagenes/boxalert.gif);
	background-position: 18px 9px;
	background-repeat: no-repeat;
	margin-top: 10px;
	color: #999999;
	background-color: #F5F4E7;
}
.boxError{
	padding: 10px 14px 10px 48px;
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #F1DEDE;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
	background-image: url(../imagenes/boxerror.gif);
	background-position: 18px 9px;
	background-repeat: no-repeat;
	margin-top: 10px;
	color: #999999;
	background-color: #F4E8E8;
}
.boxInfo{
	padding: 10px 14px 10px 48px;
	border-radius: 4px 4px 4px 4px;
	border: 2px solid #DBEDF0;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
	background-image: url(../imagenes/boxinfo.gif);
	background-position: 18px 9px;
	background-repeat: no-repeat;
	margin-top: 10px;
	color: #999999;
	background-color: #E7F3F5;
}

/* TABLAS  ---------------------------- */ 
.tabla-bloques-vista{
	margin-bottom: 20px;
}

.TablaComun{
	font-size: 13px;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	padding: 10px;
	box-shadow: 2px 2px 2px #999999;
	border-radius: 8px 8px 8px 8px;
	background-color: #FFF;
	background: #FFF;
	border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
	margin-bottom: 14px;
	margin-top: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.TablaComun TH {
	height: 24px;
	font-size: 12px;
	color: #676767;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
	text-align: center;
	background: #DCEFEB;
	border: solid 1px #ffffff;
	padding: 3px 8px 5px 8px;
	font-family: 'PT Sans', sans-serif;
	
}
.TablaComun TD {
	background-color: #FFFFFF;
	border-bottom:1px dashed #DDDDDD;
	height: 30px;
	padding: 0 8px 0 8px;
}
.tabla-vista {
	font-size: 13px;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	padding: 10px 20px;
	box-shadow: 2px 2px 2px #999999;
	border-radius: 8px 8px 8px 8px;
	margin-bottom: 14px;
	margin-top: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	border-left: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
	background-color: #FFFFFF;
}
.tabla-vista TH {
	height: 24px;
	font-size: 12px;
	color: #676767;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
	text-align: center;
	background-color: #DCEFEB;
	border: solid 1px #ffffff;
	padding: 3px 8px 5px 8px;
	font-family: 'PT Sans', sans-serif;
	
}
.tabla-vista TD {
	border-bottom:1px dashed #DDDDDD;
	height: 30px;
	padding: 0 8px 0 8px;
}
.TablaForm {
	font-size: 13px;
	color: #909090;
	font-style: normal;
	font-weight: normal;
	margin-top: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
}

.TablaForm TD {
	border-top: 1px dotted #c7c7c7;
	padding-bottom: 8px;
	padding-top: 7px;
	height: 24px;
}

.TablaReset{
	font-size: 12px;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0px;
}

.TablaReset TD {
	border-top: none #ffffff 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

TR.Color1 {
	height: 18px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	border-bottom: solid #737E90 1px;
}

.separador1 {
	height: 20px;
	width: 100%;
	background-image: url(../imagenes/hr.png);
	clear: both;
}

/* TEXTO  ---------------------------- */

.bold {
	font-size: 13px;
	color: #333;
	font-weight: 400;
	line-height: 20px;
}

.titulo {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}
.SubtituloItem {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #333;
	background-image: url(../../imagenes/item.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-bottom: 12px;
	margin-top: 12px;
}
.TituloTablaGris {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #838383;
	background-image: url(../../imagenes/item.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-bottom: 12px;
}
.titulo-tabla-1 {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FD7D00;
	background-image: url(../imagenes/item.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin-bottom: 12px;
	font-family: 'PT Sans Narrow', sans-serif;
}
.txtParrafo {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 15px;

}
.txtParrafoBlanco {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
}

a {
	font-style: normal;
	font-weight: normal;
	color: #FD7D00;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
}


a:hover {
	font-style: normal;
	font-weight: normal;
	color: #000000;
	cursor: pointer;
}

.user {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	line-height: 15px;
}

.Smalltxt {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	line-height: 15px;
}
.Smalltxt2{
	font-style: normal;
	font-weight: normal;
	color: #676767;
	font-size: 12px;
}
/*
.destacado {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 5px;
}
*/
.destacado {
	font-size:28px;
	color: #FFFFFF;
	font-weight: 700;
	padding-bottom: 5px;
	font-family: 'Amatic SC';
	text-shadow: 1px 1px 2px #333333;
	
}

/* PARRAFO  ---------------------------- */

.bullet{
	list-style-type: none;
	vertical-align: text-top;
	padding-left: 50px;
	background-image: url(../../imagenes/arrow.png);
	background-repeat: no-repeat;
	background-position: top-left;
	font-size: 12px;
	color: #333;
	margin: 20px;
	min-height: 35px;
	float: left;
}
li{
	background-image: url(../../imagenes/bullet.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	display: block;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
	padding-top: 12px;
}

.info {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #DF0901;
	text-decoration: none;
	padding-left: 25px;
	background-image: url(../../imagenes/ico_info.gif);
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 3px;
}

/*
Esto es provisorio para la tabla
*/
.paging_full_numbers .ui-button {
    color: #333 !important;
    cursor: pointer;
    margin: 0;
    padding: 2px 6px;
}
.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333333;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding-top: 0.25em;
    text-align: right;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}


/*ESTILOS UI MODIFICADOS
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1.4em 1.4em;
	background: none;
}
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
	font-size: 14px;
}
.ui-button-text-icons .ui-button-text {
	padding: .2em 2.1em .4em 1em;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	overflow: auto;
	background-image: url(../imagenes/modal-back-bottom.png), url(../imagenes/modal-back.png);
	background-repeat: repeat-x, repeat-x;
	background-position: left bottom, left top;
}
.ui-widget-header {
	border: 1px solid #ececec;
	background: #ececec url("images/ui-bg_flat_100_ececec_40x100.png") 50% 50% repeat-x;
	color: #FD7D00;
	font-weight: normal;
	font-size: 15px; 


*/

div.errorValidacion{
	background-color: #f5f4e7;
  	border: 2px solid #aaaaaa;
    border-radius: 4px;
    color: #EB5B43;
    padding: 2px 4px;
    position: absolute;
    z-index:100;
}
/*
th.ui-state-default {
	height: 24px;
	font-size: 12px;
	color: #676767;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 3px;
	text-align: center;
	background: #DCEFEB;
	border: solid 1px #ffffff;
	padding: 3px 8px 5px 8px;
	font-family: 'PT Sans', sans-serif;
	
}
*/

.paginate_button{
	 padding: 2px 6px;	
	 border: solid 1px #cccccc;
	 background-color:#5AC6AB;
	 color:#444444;
}

.disabled{
	 background-color:#B4DFD5;
	 color:#444444;
}

.current{
	 background-color:#B4DFD5;
	 color:#444444;
	 font-weight: bold;
}