@font-face {
	font-family: 'GothamRounded-Medium';
    src: url('../fonts/original_GothamRnd-Medium.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/original_GothamRnd-Medium.woff') format('woff'),
         url('../fonts/original_GothamRnd-Medium.ttf') format('truetype'),
         url('../fonts/original_GothamRnd-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {	
	font-family: 'GothamRounded-Book';
    src: url('../fonts/original_GothamRnd-Book.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/original_GothamRnd-Book.woff') format('woff'),
         url('../fonts/original_GothamRnd-Book.ttf') format('truetype'),
         url('../fonts/original_GothamRnd-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;	
}
html {
    height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #F7F7F7;
	height: 100%;
	position: relative;
	display: block;
}
a.block {
    display: block;
}
a:hover{
    text-decoration: none;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;    
}
button:hover {
    text-decoration: none;
    zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;        
}
input[disabled],
textarea[disabled],
select[disabled] {
    background-color: #E6E6E6 !important;
    color: #999 !important;
}
pre {
	padding: 0px;
	border: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	font-family: Arial;
	font-size: 14px;
	color: #666;    
}

.pageContent {    
    min-height: 100%;     
    height: auto !important;     
    height: 100%;     
    margin: 0 auto -256px; /* el magin-bottom es el valor negativo de la altura del footer */ 
} 
footer, .push {     
    height: 256px; /* la altura del push es la misma que la altura del footer */ 
}
.push {
    margin-bottom: -256px;
}
.mainContent {
    margin-top: 60px;
}

/* Wrapper para toda la página */
.wrapper{
	width: 100%;
}

/* Área de logo y Menú de usuario */
.logoArea {
	background-color: #F9F9F8;
	height: 140px;
}
.logo {
	width: 449px;
	height: 75px;
	background-image: url('../img/logoPersum.png');
	margin-top: 33px;
	margin-left: 20px;
	float: left;
}
.userMenu {
	height: 41px;
	margin-right: 10px;
	background-color: #EFEFEF;
	float: right;
}
.userMenu ul {
    margin-bottom: 0px;
    line-height: 41px;
}
.userMenu li {
    display: inline-block;
    margin-right: 20px;
}
.userMenu li a{
    color: #333333;
    font-weight: bold;
}
.userMenu li span{
	color: #009BC8;
}

/* Área Navegación */
nav {
	background-color: #E7E7E7;
}
.navBar {
	width: 100%;
	height: 60px;
	color: white;
	font-weight: bold;
}
table.terapeuta td {
    font-size: 13px;
}
table.navBar td {
    border-right: 1px solid #1083B4;
    text-align: center;
}
table.navBar .texto {
    top: 0px;
    display: inline-table;
    line-height: 20px;
    vertical-align: middle;
    text-align: left;
}
table.navBar .texto.twolines {
    line-height: 16px;
}
table.navBar .navIcon {
    display: inline-block;
    
    height: 58px;
    line-height: 58px;
}
table.navBar tr.sesiones td#sesiones,
table.navBar tr.documentos td#documentos,
table.navBar tr.evaluacion td#evaluacion,
table.navBar tr.mensajes td#mensajes,
table.navBar tr.pacientes td#pacientes,
table.navBar tr.videoconferencia td#videoconferencia,
table.navBar tr.nuevacita td#nuevacita {
    background-color: #0C6283;
}
table.navBar tr.sesiones td#sesiones span.sesiones_dark {
    background-image: url('../img/icons/sesiones_blue.png');
}
table.navBar tr.documentos td#documentos span.documentos_dark {
    background-image: url('../img/icons/documentos_blue.png');
}
table.navBar tr.evaluacion td#evaluacion span.evaluacion_dark {
    background-image: url('../img/icons/evaluacion_blue.png');
}
table.navBar tr.mensajes td#mensajes span.contacto_dark {
    background-image: url('../img/icons/contacto_blue.png');
}
table.navBar tr.pacientes td#pacientes span.miCuenta_dark {
    background-image: url('../img/icons/miCuenta_blue.png');
}
table.navBar tr.nuevacita td#nuevacita span.calendario_dark {
    background-image: url('../img/icons/calendario_blue.png');
}
table.navBar tr.videoconferencia td#videoconferencia span.videoconferencia_dark {
    background-image: url('../img/icons/videoconferencia_blue.png');
}
table td.first {
	border-left: 1px solid #1083B4;
}
table.navBar td a {
    color:#FFF;
    display: block;
    vertical-align: top;
}
table.navBar td a:after {
    content: " "
}
.navMenuArea {
	background-color: #009BC8;
	height: 60px;
}
.navSubMenuArea {
	position: relative;
}
.breadcrumb {
    height: 87px;
    background-color: #0C6283;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    font-size: 26px;
    font-family: 'GothamRounded-Book';
    color: #FFF;
}
div.breadcrumb span {
    line-height: 87px;
    margin-right: 20px;
}
.navSubMenuArea div.text {
    float: left;
    position: relative;
    width: 600px;
    z-index: 1;
}
.navSubMenuArea div.text.terapeuta {
    background: url(../img/subNavTepImg.png) no-repeat;
    background-position: 25px -15px;
    width: inherit;
    height: 335px;
}
.navSubMenuArea div.bienvenida {
    float: left;
    font-family: GothamRounded-Book;
    font-size: 25px;
    font-weight: normal;
    line-height: 26px;
    color: #000;
    margin-top: 53px;
    display: block;
    position: relative;
    z-index: 1;
}
.navSubMenuArea div.descripccion {
    float: left;
    margin-top: 22px;
    font-size: 18px;
    font-style: italic;
    font-family: Georgia, serif;
    color: #666666;
    max-width: 599px;
    position: relative;
    z-index: 1;
}
.navSubMenuArea div.tuPsicoterapeuta {
    float: left;
    display: block;
    font-size: 13px;
    margin-top: 16px;
}
.navSubMenuArea img.subNavTerapeutaFoto {
    float: right;
    display: block;
    font-size: 13px;
    margin-top: 16px;
    position: relative;
    z-index: 1;
}
.navSubMenuOptions {
	background-color: rgba(255, 255, 255, 0.3);
	height: 87px;
	position: absolute;
	bottom: 0px;
}
.subMenuOptions {
	line-height: 87px;
	position: relative;
	z-index: 2;
	text-align: center;
}
.psicoterapeutaFoto {
	margin-top: 6px;
	margin-right: 15px;
	float: right;
	position: relative;
	z-index: 0;
}
footer {
    font-weight: bold;
    font-size: 13px;
    background-color: #FFF;
    padding-top: 26px;
    height: 230px;
    width: 100%;
    color: #666;
    position: relative;
    bottom: 0px;
}
footer span {
    float: right;
}
/* Pager Custom */
.prounPager {
    text-align: center;
    margin-top: -22px;
    margin-bottom: 22px;
}
.prounPager nav {
    padding-top: 0px;
    background: none !important;
}
.prounPager nav a:first-child {
    margin-right: 16px;
    background: url('../img/icons/flecha_der_mini.png') center left no-repeat;
    padding-left: 10px;
    width: auto;
    color: #999;    
}
.prounPager nav a:last-child {
    margin-left: 16px;
    background: url('../img/icons/flecha_izq_mini.png') center right no-repeat;
    padding-right: 10px;
    width: auto;
    color: #999;
}
.tab-content .prounPager {
    margin-top: 34px;
}
.prounPager nav span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #EBEBEB;
    color: #999;
    display: inline-block;
    margin-right: 6px;
}
.prounPager nav span.current {
    background-color: #009BC8;
    color: #FFF;
}
.prounPager nav span.disabled {
    display: none;
}
.prounPager nav a {
    width: 24px;
    
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #EBEBEB;
    color: #999;
    display: inline-block;
    margin-right: 6px;
}

/* Iconos Custom */
span.prounIcon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
span.small {
    width: 20px;
    margin-right: 7px;
}
span.medium {
	width: 28px;
	margin-right: 10px;
}
span.prounIcon.mensaje {
	background-image: url('../img/icons/mensaje.png');
}
span.prounIcon.admin {
    background-image: url('../img/icons/admin.png');
}
span.prounIcon.mi_cuenta {
	background-image: url('../img/icons/mi_cuenta.png');
}
span.prounIcon.mi_agenda {
    background-image: url('../img/icons/mi_agenda.png');
}
span.prounIcon.salir {
	background-image: url('../img/icons/salir.png');
}
span.prounIcon.download {
    background-image: url('../img/icons/download.png');
}
span.prounIcon.delete {
    background-image: url('../img/icons/cross.png');
}
span.prounIcon.cross {
    background-image: url('../img/icons/cross_active.png');
}
span.prounIcon.volver {
    background-image: url('../img/icons/volver_active.png');    
}
span.prounIcon.warning {
    background-image: url('../img/icons/warning_active.png');    
}
span.prounIcon.calendario_dark {
	background-image: url('../img/icons/calendario_dark.png');	
}
span.prounIcon.contacto_dark {
	background-image: url('../img/icons/contacto_dark.png');	
}
span.prounIcon.documentos_dark {
	background-image: url('../img/icons/documentos_dark.png');	
}
span.prounIcon.addDocumento_dark {
    background-image: url('../img/icons/documentos_add_dark.png');  
}
span.prounIcon.evaluacion_dark {
	background-image: url('../img/icons/evaluacion_dark.png');	
}
span.prounIcon.home_dark {
	background-image: url('../img/icons/home_dark.png');	
}
span.prounIcon.sesiones_dark {
	background-image: url('../img/icons/sesiones_dark.png');	
}
span.prounIcon.videoconferencia_dark {
	background-image: url('../img/icons/videoconferencia_dark.png');	
}
span.prounIcon.editar_dark {
    background-image: url('../img/icons/editar_dark.png');    
}
span.prounIcon.password_dark {
    background-image: url('../img/icons/password_dark.png');    
}
span.prounIcon.tick_dark {
    background-image: url('../img/icons/tick_dark.png');    
}
span.prounIcon.arrow_der_dark {
    background-image: url('../img/icons/arrow_der_dark.png');    
}
span.prounIcon.arrow_izq_dark {
    background-image: url('../img/icons/arrow_izq_dark.png');    
}
span.prounIcon.enviar_dark {
    background-image: url('../img/icons/enviar_dark.png');    
}
span.prounIcon.miCuenta_dark {
    background-image: url('../img/icons/miCuenta_dark.png');    
}
span.prounIcon.micuenta_blue,
span.prounIcon.pacientes_blue {
    background-image: url('../img/icons/micuenta_blue.png');
}
span.prounIcon.sesiones_blue {
    background-image: url('../img/icons/sesiones_blue.png');
}
span.prounIcon.documentos_blue {
    background-image: url('../img/icons/documentos_blue.png');
}
span.prounIcon.mensajes_blue {
    background-image: url('../img/icons/contacto_blue.png');
}
span.prounIcon.login_blue,
span.prounIcon.rpassword_blue {
    background-image: url('../img/icons/acceso_blue.png');
}
span.prounIcon.nuevacita_blue,
span.prounIcon.confagenda_blue,
span.prounIcon.redireccion_blue {
    background-image: url('../img/icons/calendario_blue.png');
}
span.prounIcon.videoconferencia_blue {
    background-image: url('../img/icons/videoconferencia_blue.png');    
}
span.prounIcon.politica-de-privacidad_blue,
span.prounIcon.aviso-legal_blue,
span.prounIcon.condiciones-de-uso_blue{
    width: 0px;    
    margin-right: 0px;
}

/* Botones Custom */
div.prounButton {
	background-color: #009BC8;
	display: inline-block;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-right: 30px;
	padding-right: 10px;
	text-align: left;
    color: #FFF;    
    text-shadow: 0.1em 0.1em rgba(0,0,0,0.35);    
}
div.grande {
	width: 250px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-weight: bold;
}
div.peque {
    width: 129px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
}
div.ancho {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 10px;
    float: left;
    text-align: left;
}
div.adaptable {
    width: auto;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;    
}
div.prounButton.cancelar {
    background-color: #FF9999;
}
div.prounButton span.prounIcon {
	float: left;
	margin-left: 11px;
}
div.prounButton.inverted {
    padding-right: 0px !important;
    padding-left: 10px;
}
div.prounButton.inverted span.prounIcon {
    float: right;
    margin-right: 11px;
}
.prounFormBtn {
    min-width: 70px;
    padding-left: 15px;
    padding-right: 15px;
    height: 36px;
    line-height: 36px;
    margin-right: 20px;
    border-radius: 4px;
    border: none;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    text-shadow: 0.1em 0.1em rgba(0,0,0,0.35);
    font-family: Arial;
}
.prounFormBtn.Aceptar {
    background-color: #009BC8;
    border-radius: 4px;
}

.prounFormBtn.Cancelar {
    background-color: #F99;
}

.btnProun {
    display: inline-block;
    padding: 4px 12px 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: 0.1em 0.1em rgba(0,0,0,0.35);
    vertical-align: middle;
    cursor: pointer;
    background-color: #009BC8;
    border: none;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    margin-left: 15px;
}
.btnProun.icon {
    padding: 4px 12px 4px 35px;    
    background-position: 10px center;
    background-repeat: no-repeat;        
}
.btnProun.examinar {
    background-image: url('../img/icons/file.png');
}
.btnProun.eliminar {
    background-image: url('../img/icons/cross_dark.png');
}
.btnProun.filtrar {
    background-image: url('../img/icons/filtrar.png');
}
.btnProun.eliminar:hover {
    color:#FFF;
    text-decoration: none;

}


/* --------------------------------------- */
/*  Forms Custom */
/* --------------------------------------- */
.prounErrorBlock {
    background-color: #F3DCDC;
    color: #D24040;
    background-image: url('../img/icons/warning_active.png');
    background-repeat: no-repeat;
    padding-left: 60px;
    margin-bottom: 20px;
    margin-left: 20px;
    background-position: 10px 5px;
    line-height: 40px;
    font-size: 13px;    
}
.prounErrorBlock ul {
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
}

.prounErrorBlock ul li {
    color: #D24040;
    list-style: disc;
}
.prounErrorInline div.prounErrorBlock{
    color: #D24040;
    margin-bottom: 22px;
    background: none;
    padding: 0px;
    height: 20px;
    margin-top: -5px;
    line-height: 20px;
}

select {
    color: #999;
    font-size: 14px;
    font-style: italic;
    margin: 0px
}

/* --------------------------------------- */
/*  Datepicker Custom */
/* --------------------------------------- */
div#datepicker div.ui-datepicker {
    padding: 0px;
    width: 100%;
    border: 0px;
}
div#datepicker div.ui-datepicker-header {
    border: 0;
    border-radius: 0px;
    background: #009BC8;
    color: #FFF;
    text-shadow: 0.1em 0.1em rgba(0,0,0,0.35);    
    font-size: 16px;
    font-weight: bold;
}
div#datepicker div.ui-datepicker-header .ui-state-hover {
    background: none;
    border: 1px solid #009BC8; 
}
div#datepicker .ui-icon {
    height: 20px;
}
div#datepicker a.ui-datepicker-prev span{
    background: url(../img/icons/flecha_izq_dark.png) no-repeat center;
    margin-top: -9px;
}
div#datepicker a.ui-datepicker-next span{
    background: url(../img/icons/flecha_der_dark.png) no-repeat center;
    margin-top: -9px;
}
div#datepicker td.ui-datepicker-today {
    background-color: #FBEC88 !important;
    border: solid 1px #FAD42E;
    border-collapse: collapse;
}
div#datepicker td.ui-datepicker-other-month {
    background-color: white !important;
}
div.pickADay td.ui-datepicker-current-day {
    -moz-box-shadow: inset 0px 0px 0px 2px #009BC8;
    -webkit-box-shadow: inset 0px 0px 0px 2px #009BC8;
    box-shadow: inset 0px 0px 0px 2px #009BC8;
    display: block;
}
div#datepicker a.ui-state-default {
    background: none;
    border: none;
    padding-right: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}
div#datepicker table {
    width: 100%;
    margin: 8px 0px 0px 0px;
    border-spacing: 2px;
    border-collapse: separate;
    padding: 2px;
}
div#datepicker table tbody td{
    background-color: #F3F4F2;
    border-spacing: 1px;
}
div#datepicker table tbody td.previous{
    background-color: #999;
}
div#datepicker table tbody td.next, 
div#datepicker table tbody td.someSessions {
    background-color: #CBE3EB;
}
div#datepicker table tbody td.noneSessions {
    background-color: #FF9999;
}
div#datepicker table tbody td.allSessions {
    background-color: #BFE6B5;
}
div.leyenda {
    background-color: #FFF;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 1px;
}
div.leyenda div.item{
    margin: 0px 5px 5px 0px;
}
div.leyenda div.color{
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
    float: left;
    background-color: #000;
}
div.leyenda div.gris {
    background-color: #999999 !important;
}
div.leyenda div.azul {
    background-color: #CBE3EB !important;
}
div.leyenda div.verde {
    background-color: #BFE6B5 !important;
}
div.leyenda div.rojo {
    background-color: #FF9999 !important;
}
div.leyenda div.amarillo {
    background-color: #FBEC88 !important;
    margin-right: 10px;
}
/* --------------------------------------- */
/*  Widgets Custom */
/* --------------------------------------- */
/* - Propiedades Generales */
div.widget{
	margin: 0px 0px 50px 0px;
	width: 100%;
	color: #333;
}
div.widget.gray div.content {
    background: url('../img/striped.png');       
    margin-top: 0px;
    padding: 20px;
}
div.widget div.content {
	margin-top: 10px;
}
div.widget span.title {
	display: block;
	font-family: GothamRounded-Book;
	font-size: 20px;
	border-bottom: solid 2px #009BC8;
	line-height: 40px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
div.widget span.descripccion {
    display: block;
	font-family: GothamRounded-Book;
	font-weight: bold;
	font-size: 16px;
	margin-top: 19px;
	margin-bottom: 10px;
}
div.widget.stripedGray div.content {
    margin-top: 0px;
    background: url('../img/striped.png');
    padding: 20px;
    margin-bottom: 20px;
}
/* - Propiedades específicas por tipo */
/* - Tipo Sesión */
div.widget.sesion span.title {
    background-image: url(../img/icons/sesiones_light.png);
}
div.widget.sesion div.content {
    display: block;
	height: 110px;
	background-color: #CBE3EB;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-image: url(../img/icons/sesiones_blue.png);
	background-position: 11px 12px;
        overflow: hidden;
}
div.widget.sesion span.descripccion strong {
    font-family: 'GothamRounded-Medium';
}
div.widget.sesion span.descripccion span {
    float: right;
    font-family: Arial;
    font-weight: normal;
    font-size: 12px;
    text-decoration: underline;
}
div.widget.sesion div.content div.inner {
    background-color: #FFF;
	height: 100px;
	width: 564px;
	float: right;
	margin: 5px;
	border-radius: 0px 4px 4px 0px;
}
div.widget.sesion div.content div.top {
    height: 42px;
	
    width: 544px;
    display: block;
	border-bottom: 1px solid #EEEEEE;
	
    margin: 0px 10px 0px 10px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	
    line-height: 43px;
}
div.widget.sesion div.content div.top span {
    display: inline-block;
    float: right;
    margin-right: 5px;
    font-style: italic;
    font-weight: bold;
    font-size: 13px;
    color: #333;
}
div.widget.sesion div.content div.bottom{
    height: 57px;
	
    width: 100%;
    line-height: 57px;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    margin-top: 0px;
}
div.widget.sesion div.content div.bottom div.left {
    height: 40px;
    width: 50%;
    float: left;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}
div.widget.sesion div.content div.bottom div.left span.des {
    color: #999;
    font-size: 13px;
    font-weight: normal;
}
div.widget.sesion div.content div.bottom div.left span {
    font-size: 13px;
}
div.widget.sesion div.content div.bottom div.right{
	display: none;
    float: right;
    margin-right: -25px;
    margin-top: 1px;
}
div.widget.sesion div.content.active {
    background-color: #F99;
    background-image: url(../img/icons/sesiones_active.png);
}
div.widget.sesion div.content.active div.top span {
	color:#F99;
}
div.widget.sesion div.content.active div.bottom div.right{
	display: block;
}
div.widget.sesion div.content.realizada {
    background-color: #DDD;
    background-image: url(../img/icons/sesiones_gray.png);
}
div.widget.sesion div.empty {
    background-color: #009BC8;
    display: block;
    width: 620px;  
    height: 131px;  border-radius: 4px;                
}
div.widget.sesion div.empty div.inner {
    background-color: #E6F5FA;
    
    height: 121px;
    width: 610px;  
    color: #333;      display: inline-block;  float: left;  
    margin: 5px 0px 5px 5px;  border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
div.widget.sesion div.empty div.inner div.top {
    margin-top: 22px;
}
div.widget.sesion div.empty div.inner div.bottom{
    margin-top: 21px;
}
div.widget.sesion ul.nav-tabs.prounCustomTab {
    border: none;
    background-color: #E9E9E9;
    font-size: 13px;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li a{
    color: #949494;    
    border: none;
    padding: 8px 12px 8px 12px;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li a:hover{
    border: none;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li.active{
    position: relative;
    background: #CBE3EB;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li.active:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li.active:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #CBE3EB;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li.active a{
    border: none;
    color: #0C6283;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0px;
    background-color: #CBE3EB;
}
div.widget.sesion ul.nav-tabs.prounCustomTab li.active a:hover{
    border: none;
    background-color: #CBE3EB;
}
div.widget.sesion a.editar {
    width: 28px;
    height: 41px;
    display: inline-block;
    float: right;
    margin-left: 15px;
    margin-right: -5px;
    background: url('../img/icons/editar_blue.png') center no-repeat;    
}

/* - Tipo Mensaje */ 
div.widget.mensaje span.title {
    background-image: url(../img/icons/contacto_light.png);
}
div.widget.mensaje .tab-pane .descripccion {
    margin-top: 8px;
    margin-bottom: 18px;
}
div.widget.mensaje div.content {
    padding: 5px;
    border-radius: 4px;
    background-color: #CBE3EB;
}
div.widget.mensaje strong {
    font-weight: bold;
}
div.widget.mensaje div.content div.inner {
    background-color: #FFF;	
    color: #666;
    height: 63px;
    width: 100%;
    display: block;
    border-radius: 4px;
    position: relative;
}
div.widget.mensaje div.content div.inner div.left {
    width: 56px;
    margin: 7px 0px 6px 5px;
    border-radius: 4px 0px 0px 4px;
    display: inline-block;
    float: left;
}
div.widget.mensaje div.content div.inner div.data {
    float: left;
    margin-left: 10px;
    margin-top: 12px;
}
div.widget.mensaje div.content div.inner div.date {
    float: right;
    padding: 12px 10px 10px 10px;
}
div.widget.mensaje div.content div.inner span.asunto {
	font-weight: bold;
	font-size: 16px;
	color: #333;
	float: left;
}
div.widget.mensaje div.content.leido {
    background-color: #DDD;
}
div.widget.mensaje div.content.leido div.inner span.asunto {
    color: #999;
}   
div.widget.mensaje ul.nav-tabs.prounCustomTab {
    border: none;
    background-color: #E9E9E9;
    font-size: 13px;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li a{
    color: #949494;    
    border: none;
    padding: 8px 12px 8px 12px;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li a:hover{
    border: none;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li.active{
    position: relative;
    background: #CBE3EB;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li.active:after {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li.active:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #CBE3EB;
    border-width: 10px;
    left: 50%;
    margin-left: -10px;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li.active a{
    border: none;
    color: #0C6283;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0px;
    background-color: #CBE3EB;
}
div.widget.mensaje ul.nav-tabs.prounCustomTab li.active a:hover{
    border: none;
    background-color: #CBE3EB;
}

/* - Tipo Mensaje (Leer) */ 
div.widget.mensajeLeer span.title {
    background-image: url(../img/icons/contacto_light.png);
}
div.widget.mensajeLeer strong {
    font-weight: bold;
}
div.widget.mensajeLeer div.content div.mensaje_info {
    font-size: 13px;
    color: #666;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 15px;
}
div.widget.mensajeLeer div.content div.mensaje_foto {
    float: right;
    display: inline-block;
}
div.widget.mensajeLeer div.content div.whiteBox {
    color: #666;
    font-size: 14px;
}

/* - Tipo Mensaje (Redactar) */ 
div.widget.mensajeAdd span.title {
    background-image: url(../img/icons/contacto_light.png);
}
div.widget.mensajeAdd label {
    font-weight: bold;
}
div.widget.mensajeAdd textarea {
    resize: none;
}
div.widget.mensajeAdd input,
div.widget.mensajeAdd select,
div.widget.mensajeAdd textarea {
    font-style: italic;
    color: #999;
    font-size: 14px;
}

/* - Tipo Agenda */ 
div.widget.agenda span.title {
    background-image: url(../img/icons/calendario_light.png);
}
div.widget.agenda div.content {
	background-color: #FFF;
	margin-top: 0px;
}
div.widget.agenda div.horario {
    height: 63px;
    border-bottom: dotted 1px #CCC;
}
div.widget.agenda div.horario.last {
    border-bottom: none;
}
div.widget.agenda div.horario div.left {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    font-weight: bold;
    margin-left: 15px;
    margin-top: 13px;
}
div.widget.agenda div.horario div.right {
    display: inline-block;
    float: right;
    font-size: 13px;
	color: #999;
    line-height: 21px;
    margin-right: 12px;
    margin-top: 12px;
    text-align: right;
}
div.widget.agenda div.horario div.right span {
    font-size: 17px;
    font-weight: bold;
    color: #000;
    float: right;
}
div.widget.agenda div.ui-datepicker {
    padding: 0px;
    width: 100%;
    border: 0px;
}
div.widget.agenda div.ui-datepicker-header {
    border: 0;
    border-radius: 0px;
    background: #009BC8;
    color: #FFF;
    text-shadow: 0.1em 0.1em rgba(0,0,0,0.35);    
    font-size: 16px;
    font-weight: bold;
}
div.widget.agenda div.ui-datepicker-header .ui-state-hover {
    background: none;
    border: 1px solid #009BC8; 
}
div.widget.agenda .ui-icon {
    height: 20px;
}
div.widget.agenda a.ui-datepicker-prev span{
    background: url(../img/icons/flecha_izq_dark.png) no-repeat center;
    margin-top: -9px;
}
div.widget.agenda a.ui-datepicker-next span{
    background: url(../img/icons/flecha_der_dark.png) no-repeat center;
    margin-top: -9px;
}
div.widget.agenda td.ui-datepicker-today {
    background-color: #FBEC88 !important;
    border: solid 1px #FAD42E;
    border-collapse: collapse;
}
div.widget.agenda td.ui-datepicker-other-month {
    background-color: white !important;
}
div.widget.agenda a.ui-state-default {
    background: none;
    border: none;
    padding-right: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}
div.widget.agenda div.calendario {
    padding-bottom:  1px;
}
div.widget.agenda div.calendario div.mes {
    height: 39px;
    background-color: #009BC8;
}
div.widget.agenda div.calendario table {
    width: 100%;
    margin: 8px 0px 0px 0px;
    border-spacing: 2px;
    border-collapse: separate;
}
div.widget.agenda div.calendario table tbody td{
    background-color: #F3F4F2;
    border-spacing: 1px;
}
div.widget.agenda div.calendario table tbody td.previous{
	background-color: #999;
}
div.widget.agenda div.calendario table tbody td.next{
	background-color: #CBE3EB;
}
div.widget.agenda div.calendario table tbody td.current{
    border: 2px solid #009BC8 !important;
}
div.widget td.current{
    border: 2px solid #009BC8 !important;
}
div.widget.agenda div.calendario div.leyenda {
    margin-top: 20px;
}
div.widget.agenda div.calendario div.leyenda div.item{
    margin: 0px 5px 7px 5px;
}
div.widget.agenda div.calendario div.leyenda div.color{
    width: 18px;
    height: 18px;
    margin-right: 10px;
    float: left;
    background-color: #000;
}
div.widget.agenda div.calendario div.leyenda div.gris {
    background-color: #999999;
}
div.widget.agenda div.calendario div.leyenda div.azul {
    background-color: #CBE3EB;
}
div.widget.agenda div.calendario div.leyenda div.amarillo {
    background-color: #FBEC88;
    margin-right: 10px;
}

/* - Tipo MisDatos (ReadOnly) */ 
div.widget.misDatos span.title {
    background-image: url(../img/icons/miCuenta_light.png);
}
div.widget.misDatos div.content {
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
}
div.widget.misDatos div.photo {
    float: right;
}
div.widget.misDatos div.campo {
    margin-bottom: 20px;
}
div.widget.misDatos div.campo span.titulo {
    display: block;
}
div.widget.misDatos div.campo span.dato {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

/* - Tipo MisDatosEdit (Edición) */ 
div.widget.misDatosEdit span.title {
    background-image: url(../img/icons/editar_light.png);
}
div.widget.misDatosEdit div.content {
    color: #333;
    margin-top: 0px;
    background: url('../img/striped.png');
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
div.widget.misDatosEdit div.content label{
    font-weight: bold;
    font-size: 14px;
}
div.widget.misDatosEdit div.content input {
    width: 406px;
    font-style: italic;
    color: #999;
    font-size: 14px;
}
div.widget.misDatosEdit div.content input[ReadOnly] {
    background-color: #FFF;
}
div.widget.misDatosEdit div.content select {
    width: 421px;
}
div.widget.misDatosEdit div.content div.span3 input{
    width: 187px;
}

div.widget.misDatosEdit div.content div#photo {

}
div.widget.misDatosEdit div.content div#photo .thumbnail {
    width: 143px;
    height: 160px;
    border-radius: 0px;
    background-color: white;
    padding: 0px;
}
div.widget.misDatosEdit div.content div#photo .thumbnail img{
    margin-top: -4px;
}
div.widget.misDatosEdit div.content div#photo .btn {
    width: 102px;
    height: 23px;
    line-height: 24px !important;
    padding-right: 15px;
    margin-top: -10px;
    z-index: 1;
    background: #009BC8;
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    padding-left: 26px;
    background-image: url('../img/icons/photo.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 11px;
    text-align: center;
    position: relative;
    text-shadow: 0.1em 0.1em rgba(0,0,0,0.35);    
    border: none;
    font-size: 13px;
    font-family: Arial;
    margin-left: 1px;
    border-radius: 0px 0px 4px 4px;    
}
div.widget.misDatosEdit div.content div#photo a.fileupload-exists {  
    background: rgba(255,255,255,0);
    background-image: url('../img/icons/borrar.png') !important;  
    background-position: center center;  
    background-repeat: no-repeat;
    margin-top: -370px;
    margin-left: 120px;
    padding: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50px;
}
div.widget.misDatosEdit div.content div#photo span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
div.widget.misDatosEdit div.campo {
    margin: 0px 20px 0px 20px;
}
/* - Tipo MiPasswordEdit */ 
div.widget.miPasswordEdit span.title {
    background-image: url(../img/icons/password_light.png);
}
div.widget.miPasswordEdit div.content {
    color: #333;
    margin-top: 0px;
    background: url('../img/striped.png');
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
div.widget.miPasswordEdit div.content label{
    font-weight: bold;
    font-size: 14px;
}
div.widget.miPasswordEdit div.content input {
    width: 186px;
    font-style: italic;
    color: #999;
    font-size: 14px;
    display: inline-block;
}
div.widget.miPasswordEdit div.content div.photo span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
div.widget.miPasswordEdit div.campo {
    margin: 0px 20px 0px 20px;
    display: inline-block;
}
/* - Tipo Opciones */
div.widget.opciones span.title {
    background-image: url(../img/icons/opciones_light.png);
}
div.widget.opciones .content {
    margin-top: 20px;
}
div.widget.opciones div.prounButton {
    text-align: left; 
    width: 290px;
    margin-right: 0px;
    margin-bottom: 10px;
}

/* - Tipo cambioCita */
div.widget.cambioCita {
    color: #333;
    font-size: 14px;
    line-height: 17px;
}
div.widget.cambioCita #cambio {
    margin-bottom: 10px;
}
div.widget.cambioCita .prounErrorBlock {
    margin: 0px;
}
div.widget.cambioCita .prounErrorBlock li {
    margin: 5px 0px 5px 0px;
}
div.widget.cambioCita span.title {
    background-image: url(../img/icons/cross_light.png);
}
div.widget.cambioCita ul {
    color: #333;
    list-style: circle outside url("../img/icons/dot.png");
    margin: 15px 0 15px 15px;
}
div.widget.cambioCita ul li {
    color: #333;
    margin-bottom: 15px;
}
div.widget.cambioCita select {
    display: block;
    width: 420px;
    margin-bottom: 20px;
}
div.widget.cambioCita #cambio input[type='radio'],
div.widget.cambioCita #cancelar input[type='radio'] {
    margin-top: 0px;
    margin-bottom: 3px;
    margin: 0 0 3px 17px;
}
div.widget.cambioCita input[type='checkbox'] {
    margin-top: 0px;
    margin-bottom: 4px;
}
div.widget.cambioCita label {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 0px;
    color: #666666;
    font-size: 14px;
}
div.widget.cambioCita div.grayBox strong {
    display: block;
    margin: 0 0 5px 0;
}
div.widget.cambioCita div.campo {
    width: 100%;
    margin-bottom: 8px;
}
div.widget.cambioCita div.buttonsWrapper {
    width: 100%;
    margin-top: 25px;
}
div.widget.cambioCita div.arrowBox {
    display: block;
    padding: 15px;
    font-size: 13px;
    color: #666;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative;
    background: #E1E1E1;
}
div.widget.cambioCita div.arrowBox:last-of-type {
    margin-bottom: 0px;

}
div.widget.cambioCita div.arrowBox:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
div.widget.cambioCita div.arrowBox:after {
    border-color: rgba(225, 225, 225, 0);
    border-bottom-color: #E1E1E1;
    border-width: 10px;
    left: 2.5%;
    margin-left: -10px;
}
div.widget.cambioCita .campo a {
    color: #666;
    text-decoration: underline;
}

/* - Tipo Sesion Nueva */
div.widget.confirmarPago .content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
div.widget.confirmarPago span.title {
    background-image: url(../img/icons/sesiones_light.png);
}
div.widget.confirmarPago .grayBox {
    padding: 0px;
    position: relative;
    background-color: #F8F8F8;
    margin-bottom: 0px;
}
div.widget.confirmarPago label {
    font-size: 14px;
    color: #333;
}
div.widget.confirmarPago input[ReadOnly] {
    background-color: #E6E6E6;
    border: none;
    background: none;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    box-shadow: none;
    color: #000;
    padding: 0px;
}
div.widget.confirmarPago p {
    background: #CBE3EA url('../img/icons/info.png') 10px center no-repeat;
    color: #2892AD;
    padding: 10px 10px 10px 40px;
    display: block;
    margin-bottom: 0px;
}
div.widget.confirmarPago p.error {
    background: #F3DCDC url('../img/icons/warning_active.png') 10px center no-repeat;
    color: #D24040;
}
form.confirmarPago {
    display: inline-block;
}

/* - Tipo Sesion Nueva */
div.widget.nuevaCita {
    color: #333;
    font-size: 14px;
    line-height: 17px;
}
div.widget.nuevaCita .wrapper {
    background-color: #FFF;
    
}
div.widget.nuevaCita #error {
    width: 500px
}
div.widget.nuevaCita .selection {
    padding-right: 20px !important;

}
div.widget.nuevaCita .selection.deshide:after {
    content: none !important;

}
div.widget.nuevaCita .selection.deshide {
    width: 100%;
    padding-right: 0px !important;
}

div.widget.nuevaCita #description {
    padding-left: 0px !important;
}
div.widget.nuevaCita .content {
    padding-left: 20px;

    padding-bottom: 20px;
}
div.widget.nuevaCita span.title {
    background-image: url(../img/icons/sesiones_light.png);
}
div.widget.nuevaCita .grayBox {
    padding: 0px;
    position: relative;
    background-color: #F8F8F8;
    margin-bottom: 0px;
}
div.widget.nuevaCita .grayBox:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
div.widget.nuevaCita .grayBox:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #F0F0F0;
    border-width: 10px;
    top: 5%;
    margin-top: -10px;
}
div.widget.nuevaCita .white {
    height: 100%;
}
div.widget.nuevaCita label {
    font-size: 14px;

    font-weight: bold;
    color: #333;
}
div.widget.nuevaCita input[ReadOnly] {
    background-color: #E6E6E6;
    width: 500px;
    font-style: italic;
    color: #999;
}
div.widget.nuevaCita select {
    width: 213px;

}
div.widget.nuevaCita .resumen {
    color: #666;

    line-height: 25px;
    font-size: 13px;
}
div.widget.nuevaCita .resumen strong{
    font-size: 16px;

    color: #333;
    font-weight: bold;
    font-size: 16px;
}
div.widget.nuevaCita .resumen span {
    font-weight: bold;

}
div.widget.nuevaCita .resumen span strong {
    font-weight: bold;

    font-size: 28px;
    color: #0C6283;
}
div.widget.nuevaCita .resumen .box {
    border-top: dotted 1px #CCC;

    color: #0C6283;
    margin-right: 20px;
    font-size: 13px;
    margin-top: 15px;
    padding-top: 25px;
}
div.widget.nuevaCita .resumen .box span {
    float: right;
    font-family: 'GothamRounded-Medium';
    font-size: 20px;
}

div.widget.metodoPago span.title {
    background-image: url(../img/icons/sesiones_light.png);
}
div.widget.metodoPago .grayBox {
    padding: 0px;
}
div.widget.metodoPago .content {
    padding-bottom: 15px;

    margin-left: 20px;
    margin-top: 15px;
}
div.widget.metodoPago input {
    margin-bottom: 3px;
    margin-top: 7px;
    display: inline-block;
    float: left;
    clear: left;
}
div.widget.metodoPago label {
    display: inline-block;
    color: #333;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    margin-left: 9px;
    margin-right: 10px;
    float: left;
}
div.widget.metodoPago div.icon {
    width: 48px;
    height: 30px;
    display: inline-block;
    float: left;
}
div.widget.metodoPago div.mastercard {
    background: url('../img/icons/mastercard.png');
}
div.widget.metodoPago div.visa {
    background: url('../img/icons/visa.png');
}
div.widget.metodoPago div.american {
    background: url('../img/icons/american.png');
}
div.widget.metodoPago div.paypal {
    background: url('../img/icons/paypal.png');
}
div.widget.metodoPago .campo {
    display: block;
}
div.widget.metodoPago .campo a{
    color: inherit;
    text-decoration: underline;
}
div.widget.metodoPago .buttonsWrapper {
    display: block;
    margin-top: 15px;
}

/* - Tipo Documentos */
div.widget.documentos span.title {
    background-image: url(../img/icons/documentos_light.png);
}
div.widget.documentos a {
    display: inline-block;
    height: 28px;
}
div.widget.documentos div.content {
    display: block;
    height: 110px;
    background-color: #DDD;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-image: url(../img/icons/documentos_gray.png);
    background-position: 11px 12px;
}

div.widget.documentos div.content div.inner {
    background-color: #FFF;
    height: 100px;
    width: 564px;
    float: right;
    margin: 5px;
    border-radius: 0px 4px 4px 0px;
}
div.widget.documentos div.content div.top {
    height: 42px;
    
    width: 544px;
    display: block;
    border-bottom: 1px solid #EEEEEE;
    
    margin: 0px 10px 0px 10px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    
    line-height: 43px;
}
div.widget.documentos div.content div.top span {
    display: inline-block;
    float: right;
    margin-right: 5px;
    font-style: italic;
    font-weight: bold;
    color: #333;
}
div.widget.documentos div.content div.bottom {
    height: 57px;
    width: 100%;
    line-height: 25px;
    color: #999;
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    margin: 4px 10px 0 10px;
}
div.widget.documentos div.content div.bottom strong {
    color:#666;
}
/* - Tipo Documentos (Añadir) */
div.widget.documentosAdd {
    font-size: 14px;
    color: #333;
}
div.widget.documentosAdd span.title {
    background-image: url(../img/icons/documentos_add_light.png);
}
div.widget.documentosAdd label {
    font-weight: bold;
}
div.widget.documentosAdd input {

}
div.widget.documentosAdd textarea {
    width: 568px;

    height: 100px;
    margin-bottom: 0px;
    resize: none;
}

/* - Tipo Evaluacion (Comienzo) */
div.widget.evaluacionStart {
    font-size: 14px;
    color: #333;
}
div.widget.evaluacionStart span.title {
    background-image: url(../img/icons/evaluacion_light.png);
}
div.widget.evaluacionStart div.position{
    text-align: center;
    margin: 5px 0 5px 0;
}

/* - Tipo Evaluación (Test) */
div.widget.evaluacionTest {
    font-size: 14px;
    color: #333;
}
div.widget.evaluacionTest span.title {
    background-image: url(../img/icons/evaluacion_light.png);
}
div.widget.evaluacionTest div.progressBar {
    margin: 0px 0px 20px 0px;
    padding: 22px;
    background-color: #EEE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.widget.evaluacionTest div.progressBar div.top {
    font-family: 'GothamRounded-Book';
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
div.widget.evaluacionTest div.progressBar div.top span {
    float: right;
}
div.widget.evaluacionTest div.progressBar div.top strong {
    font-family: 'GothamRounded-Medium';
    font-size: 16px
    font-weight: normal;
    color: #0C6183;
}
div.widget.evaluacionTest div.progressBar div.bar {
    height: 16px;
    background-color: #C9C9C9;
    position: relative;
}
div.widget.evaluacionTest div.progressBar div.bar div.completed {
    height: 16px;
    background-color: #009BC8;
    position: absolute;
    float: left;
    z-index: 2;}
div.widget.evaluacionTest div.progressBar div.actual {
    height: 16px;
    background-image: url('../img/striped_blue.jpg');
    position: absolute;
    float: left;
    z-index: 1
}
div.widget.evaluacionTest div.progressBar .t1 {
    width: 215px;
}
div.widget.evaluacionTest div.progressBar .t2 {
    width: 430px;
}
div.widget.evaluacionTest div.progressBar .t3 {
    width: 645px;
}
div.widget.evaluacionTest div.progressBar .t4 {
    width: 860px;
}
div.widget.evaluacionTest table.test th.numero {
    width: 32px;
    color: #0C6283;
}
div.widget.evaluacionTest table.test th.pregunta {
    font-weight: normal;
}
div.widget.evaluacionTest table.test th.true,
div.widget.evaluacionTest table.test th.false {
    width: 65px;
    font-weight: normal;
    text-align: center;
} 
div.widget.evaluacionTest table.test th {
    border-bottom: 1px solid #CCC;
}
div.widget.evaluacionTest table.test tr.checked td.numero {
    color: #009BC8;
    font-weight: bold;
}
div.widget.evaluacionTest table.test tr {
    border-bottom: 1px dotted #CCC;
}
div.widget.evaluacionTest table.test td input {
    width: 100%;
    margin: auto;
}
div.widget.evaluacionTest table.test td.radio {
    background-color: #F7F7F7;
    border-left: 1px solid rgba(204,204,204,0.25);
}
div.widget.evaluacionTest table.test td {
    border: none;
}
div.widget.evaluacionTest table.test td.numero {
    font-weight: bold;
    color: #666;
}
div.widget.evaluacionTest div.buttonsWrapper {
    float: right;
    margin: 0px -30px 30px 0px;
}
div.widget.evaluacionTest div.prounButton.disabled {
    background-color: #CCC;
}
div.widget.evaluacionTest div.prounButton.disabled span.prounIcon.arrow_izq_dark {
    background-image: url('../img/icons/arrow_izq_light.png');
}
div.widget.evaluacionTest div.prounButton.disabled span.prounIcon.arrow_der_dark {
    background-image: url('../img/icons/arrow_der_light.png');
}

/* --------------------------------------- */
/*  Widget Login
/* --------------------------------------- */
div.widget.login span.title {
    background-image: url(../img/icons/micuenta_light.png);
}
div.widget.login div.content {
    padding: 20px 20px 18px 20px;
    background-image: url(../img/striped.png);
    margin-top: 0px;
}
div.widget.login div.content span.error {
    line-height: 28px;
    
    font-size: 14px;
    font-weight: bold;
    color: #F99;
}
div.widget.login form {
    margin-bottom: 0px;
}
div.widget.login div.content label {
    font-weight: bold;
    
}
div.widget.login div.content input {
     width: 406px;
}
div.widget.login div.content input.prounFormBtn {
     width: auto;
     margin-right: 0px;
}
div.widget.login div.content a{
    display: block;
    color: #999;
    text-decoration: underline;
    font-size: 13px;
    font-style: italic;
    margin-top: 5px;
}
div.widget.login div.content div.buttonsWrapper {
    margin-top: 0px;
    
    text-align: center;
    border-top: 1px dotted rgba(204,204,204,0.5);
    margin: 15px -20px 0px -20px;
    padding-top: 15px;
}

/* --------------------------------------- */
/*  Widget Redireccion
/* --------------------------------------- */

div.widget.redireccion {
    border-top: none;
    margin-top: 50px;
}
div.widget.redireccion h1 {
    font-size: 16px;
    line-height: 16px;
    font-family: 'GothamRounded-Medium';
    color: #333;
}
div.widget.redireccion p {
    font-size: 13px;
    color: #333;
    margin-bottom: 30px;
}
div.widget.redireccion img,
div.widget.redireccion span {
    margin: auto;
    display: block;
    text-align: center;
}
div.widget.redireccion span { 
    color: #007E9F;
    font-size: 12px;
    margin-top: 5px;
}

/* --------------------------------------- */
/*  Widget Dashboard
/* --------------------------------------- */
div.widget.dashboard span.title {
    background-image: url(../img/icons/bell_light.png);
}
div.widget.dashboard div.content {
    width: 33.33%;
    display: inline-block;
    margin-top: 0px;
    float: left;
    background-color: #F0F0F0;
}
div.widget.dashboard div.content.first {
    background-color: #FFF;
}
div.widget.dashboard div.content.first div.box {
    border-left: none;
}
div.widget.dashboard div.box {
    height: 70px;
    border-left: 1px solid #DFDFDF;
    margin: 10px 0px 10px 0px;
    text-align: center;
}
div.widget.dashboard div.box div.icon {
    font-family: 'GothamRounded-Medium';
    font-weight: bold;
    font-size: 36px;
    color: #444;
    display: inline-block;
    padding-left: 45px;
    height: 36px;
    line-height: 36px;
    margin-top: 9px;
    background-repeat: no-repeat;
    background-position: center left;
}
div.widget.dashboard div.box div.description {
    color: #444;
    font-family: 'GothamRounded-Medium';
    font-size: 12px;
}
div.widget.dashboard div.content.first div.box div.icon,
div.widget.dashboard div.content.first div.box div.description {
    color: #009BC8;
} 
div.widget.dashboard div.box div.sesion {
    background-image: url('../img/icons/sesiones_blue_big.png');
}
div.widget.dashboard div.box div.mensajes {
    background-image: url('../img/icons/contacto_black.png');
}
div.widget.dashboard div.box div.test {
    background-image: url('../img/icons/evaluacion_black.png');
}
div.widget.dashboard div.box div.usuarios {
    background-image: url('../img/icons/miCuenta_black.png');
}

/* --------------------------------------- */
/*  Widget Pacientes
/* --------------------------------------- */
div.widget.pacientes span.title {
    background-image: url(../img/icons/miCuenta_light.png);
}
div.widget.pacientes div.content {
    background-color: #FFF;
    margin-top: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}
div.widget.pacientes img {
    margin-right: 10px;

}
div.widget.pacientes ul {
    margin-bottom: 0px;

    margin-left: 10px;
}
div.widget.pacientes li {
    color: #333;
    
    font-size: 14px;
    list-style: none;
    padding: 3px 0px 3px 0px;
}

/* --------------------------------------- */
/*  Widget Listado Pacientes
/* --------------------------------------- */
div.widget.listaPacientes span.title {
    background-image: url(../img/icons/miCuenta_light.png);
}
div.widget.listaPacientes div.content {
    border-bottom: 1px solid #E9E9E9;
}
div.widget.listaPacientes form {
    margin: 0px;
}
div.widget.listaPacientes .alphaFilter {
    margin: 22px 0px 22px 0px;
}
div.widget.listaPacientes .alphaFilter ul {
    list-style: none;
    height: 24px;
    text-align: center;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}
div.widget.listaPacientes .alphaFilter li {
    color: #999;
    display: inline-block;
    padding: 0px 9px 0px 9px;
}
div.widget.listaPacientes .alphaFilter li.active {
    background-color: #009BC8;
    color: #FFF;
}
div.widget.listaPacientes img {
    width: 70px;
    height: 70px;
}
div.widget.listaPacientes .data {
    height: 70px;
    float: right;
    display: inline-block;
    width: 814px;
    padding-right: 15px;
}
div.widget.listaPacientes .top {
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    height: 50%;
    line-height: 35px;
}
div.widget.listaPacientes .top a {
    color: #333;
}
div.widget.listaPacientes .top span{
    color: #999;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    float: right;
}
div.widget.listaPacientes .bottom {
    display: inline-block;
    height: 50%;
    width: 100%;
    line-height: 35px;
    border-top: 1px solid #EEE;
    color: #999;
    font-size: 13px;
}
div.widget.listaPacientes strong {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
div.widget.listaPacientes .bottom strong {
    color: #666;
    font-size: 13px;
    font-weight: bold;
}

/* --------------------------------------- */
/*  Widget Detalle Pacientes
/* --------------------------------------- */
div.widget.detallePacientes span.title {
    background-image: url(../img/icons/miCuenta_light.png);
}
div.widget.detallePacientes div.widget {
    margin: 0px;
}
div.widget.detallePacientes div.widget span.title {
    display: none;
}
div.widget.detallePacientes div.content {
    margin-top: 20px;
}
div.widget.detallePacientes ul.nav-tabs {
    background-color: #DFDFDF;
}
div.widget.detallePacientes ul.nav-tabs li a{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    padding: 15px 28px 15px 28px;
    border-left: 1px solid #FFF;
    margin-left: 0px;
    margin-right: 0px;
}
div.widget.detallePacientes ul.nav-tabs li.active a {
    background-color: #F7F7F7;
    color: #0C6283;
    border-left: 1px solid #BFBFBF;
}
/* --------------------------------------- */
/*  Widget Configuración Agenda
/* --------------------------------------- */
div.widget.agendaConf span.title {
    background-image: url(../img/icons/sesiones_light.png);
}
div.widget.agendaConf label {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
div.widget.agendaConf select {
    margin-bottom: 25px;
}
div.widget.agendaConf table {
    width: 100%;
}
div.widget.agendaConf thead {
    background-color: #0C6283;
}
div.widget.agendaConf thead tr {
    height: 49px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
div.widget.agendaConf thead td {
    padding: 15px;
    border: 1px solid #009BC8;
    border-right: 1px solid #073E52;
    border-left: 1px solid #073E52;
    color: #009BC8;
    background: url('../img/icons/cross_blue.png') no-repeat 100px center;
    cursor: default;
}
div.widget.agendaConf thead td:first-child {
    border-left: solid 1px transparent;
}
div.widget.agendaConf thead td:hover {
    opacity: 0.8;
}
div.widget.agendaConf tbody td {
    background-color: #F5F9FB;
    height: 100px;
    text-align: right;
    vertical-align: middle;
    border-left: 1px solid #CCCCCC;
    opacity: 0.5;
}
div.widget.agendaConf tbody td:first-child {
    border-left: solid 1px transparent;
}
div.widget.agendaConf tbody td.title{
    background-color: #EBEBEB;
    height: 40px;
    text-align: left;
}
div.widget.agendaConf tbody td.title label{
    font-size: 12px;
    font-weight: bold;
    color: #333;
    visibility: visible;
    color: #666666;
    opacity: 0.5;    
}
div.widget.agendaConf tbody td label {
    font-size: 10px;
    color: #999;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 0;
    width: 31px;
    text-align: left;
    visibility: hidden;
}
div.widget.agendaConf tbody td input[type="time"] {
    width: 64px;
    margin-bottom: 0;
    margin: 4px 8px 3px 3px;
    color: #666;
    font-size: 12px;
    font-style: italic;
    visibility: hidden;
}
div.widget.agendaConf tbody td input[type="checkbox"] {
    float: left;
    margin: 8px 10px 0px 5px;
}
div.widget.agendaConf .prounErrorBlock, 
div.widget.agendaExcepciones .prounErrorBlock {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
}
div.widget.agendaExcepciones .prounErrorBlock {
    margin-top: 0px;
}

/* Active States */
div.widget.agendaConf thead td.activeDay {
    padding: 15px;
    border: 1px solid #009BC8;
    background: url('../img/icons/tick_white.png') no-repeat 100px center;
    background-color: #009BC8;
    color: #FFF;
}
div.widget.agendaConf td.activeDay {
    border-left: 1px solid #009BC8;
    border-right: 1px solid #009BC8;
    background-color: #FFF;
    opacity: 1;
}
div.widget.agendaConf td.activeDay:first-child {
    border-left: 1px solid #009BC8;
}
div.widget.agendaConf tr.last td.activeDay {
    border-bottom: 1px solid #009BC8;
    background-color: #FFF;
}
div.widget.agendaConf td.title.activeDay.activePeriod {
    background-color: #CBE3EB;     
}
div.widget.agendaConf td.title.activeDay.activePeriod label {
    color: #333 !important;
}
div.widget.agendaConf td.activePeriod label,
div.widget.agendaConf td.activePeriod input[type="time"] {
    visibility: visible;
    opacity: 1 !important;
}
/* --------------------------------------- */
/*  Widget Config. Agenda Excepciones
/* --------------------------------------- */
div.widget.agendaExcepciones span.title {
    background-image: url(../img/icons/calendario_cross_light.png);
}
div.widget.agendaExcepciones .exception {
    height: 46px;
    background: url('../img/icons/calendario_cross_blue.png') no-repeat 10px center #CBE3EB;
    padding-left: 48px;
    padding-right: 5px;
    padding-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0px;
    margin-bottom: 10px;
}
div.widget.agendaExcepciones .exception.edit {
    background: url('../img/icons/calendario_cross_light.png') no-repeat 10px center #FFF;
}
div.widget.agendaExcepciones .inner {
    background-color: #FFF;
    height: 41px;
    width: 100%;
    display: inline-block;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    line-height: 41px;
}
div.widget.agendaExcepciones .inner label {
    display: inline-block;
    float: left;
    line-height: 41px;
    margin: 0px 5px 0px 20px;
    color: #999;
    font-size: 14px;
}
div.widget.agendaExcepciones .inner .fecha {
    display: inline-block;
    width: 170px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    /* margin-right: 40px; */
}
div.widget.agendaExcepciones a {
    width: 28px;
    height: 41px;
    display: inline-block;
    float: right;
    margin-right: 5px;
}
div.widget.agendaExcepciones a.editar {
    background: url('../img/icons/editar_blue.png') center no-repeat;    
}
div.widget.agendaExcepciones a.ok {
    background: url('../img/icons/tick_blue.png') center no-repeat;    
}
div.widget.agendaExcepciones a.cancel {    
    background: url('../img/icons/cross.png') center no-repeat;    
}
div.widget.agendaExcepciones .input-append {
    margin-bottom: 0;
    line-height: 30px;
}
div.widget.agendaExcepciones .edit a.editar {
    display: none;
}
div.widget.agendaExcepciones .confirmed a.editar {
    display: inline-block;
}
div.widget.agendaExcepciones .edit a.ok,
div.widget.agendaExcepciones .edit a.cancel{
    display: inline-block;
}
div.widget.agendaExcepciones .confirmed a.ok,
div.widget.agendaExcepciones .confirmed a.cancel{
    display: none;
}
div.widget.agendaExcepciones .confirmed .input-append input{
    border: none;
    background: none;
    color: #333;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
div.widget.agendaExcepciones .confirmed .input-append span{
    visibility: hidden;

}
div.widget.agendaExcepciones input {
    background-color: #FFF;
    color: #999;
    font-style: italic;
    font-size: 14px;
}
div.widget.agendaExcepciones .add {
    height: 30px;
    line-height: 30px;
    background-image: url('../img/icons/plus_white.png');     
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 31px;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    cursor: default;
}
div.widget.agendaExcepciones .add:hover {
    opacity: 0.8;
}
/* --------------------------------------- */
/*  Widget Calendario
/* --------------------------------------- */
div.widget.calendario {
    background-color: #FFF;
    margin-bottom: 0px;
}
/* --------------------------------------- */
/*  Videoconfierencia
/* --------------------------------------- */
div.videoconferencia {
    margin-bottom: 25px;
}

div.salirVideoconferencia {
    height: 48px;
    line-height: 48px;
    margin-top: 19px;
    background-image: url('../img/icons/salir_big.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px;
    float: right;
    margin-right: 0px;
}

div.videoconferencia div.infoWrapper {
    height: 72px;
    position: relative;
}

div.videoconferencia div.left {
    height: 72px;
    width: 50%;
    display: inline-block;
    background-color: #333;
    z-index: -1;
    position: absolute;
}

div.videoconferencia div.right {
    height: 72px;
    width: 50%;
    right: 0px;
    display: inline-block;
    background-color: #FFF;
    position: absolute;
    z-index: -1;
}

div.videoconferencia div.infoWrapper div.info {
    background-color: #333;
    color: #FFF;
    height: 72px;
    line-height: 72px;
    font-family: 'GothamRounded-Book';
    font-size: 20px;
    position: relative;
}

div.videoconferencia div.infoWrapper div.info:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

div.videoconferencia div.infoWrapper div.info:after {
    border-color: rgba(51, 51, 51, 0);
    border-left-color: #333;
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
}

div.videoconferencia div.info span.time {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    float: right;
    margin-right: 40px;
    line-height: 69px;
}

div.videoconferencia div.timeLeft {
    font-size: 16px;
    font-weight: bold;
    line-height: 72px;
    background: url('../img/icons/sesiones_blue.png') no-repeat center left;
    padding-left: 45px;
    margin-left: 30px;
    color: #333;
}

div.videoconferencia div.timeLeft span.countdown {
    font-size: 18px;
    margin-left: 10px;
}
div.videoconferencia div.timeLeft span.countdown.red {
    color: #D24040;
}

div.videoconferencia div.video {
    position: relative;
    height: 565px;
    background-color: #FFF;
}

div.videoconferencia div.video .onlinePaciente {
    position: relative;
    z-index: 1;
}

div.videoconferencia div.video .onlineTerapeuta {
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-top: solid 2px #FFF;
    border-left: solid 2px #FFF;
    z-index: 2;
}

div.videoconferencia div.video div.minifier {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    background-image: url('../img/icons/minifier.png');
    background-position: center;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    z-index: 2;
}


div.videoconferencia div.video div.minified {
    height: 18px !important;
    width: 20px !important;
}

div.videoconferencia div.video div.info {
    height: 50px;
    width: 100%;
    line-height: 50px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
    background-color: #666;
    position: absolute;
    z-index: 2;
    font-family: 'GothamRounded-Book';
    font-size: 20px;
    color: #FFF;
}

div.videoconferencia div.video div.info div.inner {
    display: inline-block;
    width: 543px;
    padding-left: 15px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

div.videoconferencia div.video div.onlineStatus {
    height: 50px;
    width: 50px;
    display: inline-block;
    background-color: #333;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    margin-top: -3px;
    background-image: url('../img/icons/avatar_red.png');
    background-position: center;
    background-repeat: no-repeat;
}

div.videoconferencia div.video div.onlineStatus.online {
    background-image: url('../img/icons/avatar_green.png');
}

div.videoconferencia .prounFormBtn {
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 9px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    margin-right: 2px;
}

div.infoAllow {
    display: block;
    background: rgba(0,0,0,0.6);
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: 0em;
    left: 0em;
    top: 0em;
    position: fixed;
}

div.floater {
    float: left;

    height: 50%;
    margin-bottom: -170px;
}

div.infoMessage {
    width: 400px;
    height: 170px;
    padding: 10px 15px 10px 15px;
    position: relative;
    background-color: #FFF;
    border-radius: 4px;
    z-index: 1;
    margin: auto;
    clear: both;
}

div.infoAllow.default {
    top: 10px;
    left: 10px;    
}

div.infoAllow.chrome {
    top: 10px;
    left: 90px;    
}

div.infoAllow.firefox {
    top: 225px;
    left: 55px;    
}

div.infoAllow.firefox.closed {
    top: 10px;
    left: 30px;    
}

div.infoAllow .infoTitle {
    background: url('../img/icons/exclamation.png') no-repeat center left;
    font-family: 'GothamRounded-Medium';
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-left: 32px;
    margin-bottom: 10px;
    line-height: 28px;
    display: block;
}

div.infoAllow p {
    font-size: 13px;
    line-height: 17px;
    color: #333;
    padding-left: 5px;
}

/* ---------------------------------------*/
/*  Widgets Live
/* ---------------------------------------*/
div.widget.live div.content {
    background-color: #FFF;
    margin-top: 0px;
}

div.widget.live a {
    display: block;
}

div.widget.live div.liveContent {
    height: 121px;
    overflow: auto;
}

div.widget.live ul {
    list-style: none;
    margin: 0px 15px 0px 15px;
}

div.widget.live ul li {
    border-bottom: 1px dotted #CCC;
    padding: 10px 0px 10px 0px;
}

div.widget.live ul li:last-of-type {
    border-bottom: none;
}

div.widget.live div.adding {
    padding-bottom: 15px;
    padding: 15px;
    border-top: 1px solid #E5E5E5;
}

div.widget.live div.adding input {
    width: 192px;
    height: 48px;
    margin-bottom: 0px;
    padding: 0px 10px 0px 10px;
    border: 1px solid #F7F7F7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.widget.live div.adding .bigbutton {
    height: 48px;
    width: 48px;
    display: inline-block;
    background-color: #009BC8;
    border-radius: 4px;
    border-style: none;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
}

div.widget.live.chat {
    margin-top: 9px;
    margin-bottom: 68px;
}

div.widget.live.archivosCompartidos {
    margin-bottom: 0px;
}

div.widget.live.chat div.adding .bigbutton {
    background-image: url(../img/icons/chat_dark.png);
}

div.widget.live.archivosCompartidos div.adding .bigbutton {
    background-image: url(../img/icons/documentos_dark.png);
}

div.widget.live.archivosCompartidos div.adding .bigbutton.upload {
    background-image: url(../img/icons/tick_dark.png);
}

div.widget.live.archivosCompartidos div.adding form {
    margin-bottom: 0px;
}

div.widget.live.archivosCompartidos div.adding input{
    background-color: #FFF;
}

div.widget.live.archivosCompartidos div.adding input[type="file"] {
    display: none;

}

div.widget.chat span.title {
    background-image: url(../img/icons/chat_light.png);
}

div.widget.chat span.user {
    color: #007E9F;
    font-weight: bold;
    display: block;
}

div.widget.chat span.message {
    color: #333;
}

div.widget.archivosCompartidos span.title {
    background-image: url(../img/icons/documentos_light.png);
}

div.widget.archivosCompartidos div.download {
    width: 20px;
    height: 42px;
    margin-right: 10px;
    float: left;
    background: url('../img/icons/download.png') no-repeat center;
}

div.widget.archivosCompartidos span.description {
    color: #007E9F;
    font-weight: bold;
}

div.widget.archivosCompartidos span.author {
    color: #333;
    display: block;
}
/* ---------------------------------------*/
/*  Widget Iniciar Videoconferencia 
/* ---------------------------------------*/
div.widget.iniciarVideconferencia span.title {
    background-image: url(../img/icons/videoconferencia_light.png);
}
div.widget.iniciarVideconferencia div.position {
    text-align: center;
}
div.widget.iniciarVideconferencia span.description {
    font-family: 'GothamRounded-Book';
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 20px 0px 10px 0px;
}
div.widget.iniciarVideconferencia p {
    font-size: 14px;
}
div.widget.iniciarVideconferencia span.spaciente {
    font-size: 14px;

    display: block;
    margin-bottom: 2px;
}
div.widget.iniciarVideconferencia div.intro {
    margin: -18px -18px 20px -18px;
    padding-left: 60px;
    height: 50px;
    line-height: 50px;
    background-color: #E7E7E7;
    background-image: url('../img/icons/videoconferencia_iniciar_dark.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #0C6283;
    font-size: 16px;
    font-weight: bold;
}
div.widget.iniciarVideconferencia button.btnProun {
    float: right;
    margin-right: -63px;
    margin-top: 3px;
    height: 48px;
}
div.widget.iniciarVideconferencia span.prounIcon {
    height: 44px;
    line-height: 44px;
}
/* ---------------------------------------*/
/*  Widget Editar Sesion
/* ---------------------------------------*/
div.widget.editarSesion span.title {
    background-image: url(../img/icons/editar_light.png);
}
div.widget.editarSesion .field {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
    margin-left: 0px;       
}
div.widget.editarSesion .field span {
    display: block;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px; 
}
div.widget.editarSesion div.intro {
    margin: -18px -18px 20px -18px;
    padding-left: 60px;
    height: 50px;
    line-height: 50px;
    background-color: #E7E7E7;
    background-image: url('../img/icons/calendario_arrow_dark.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #0C6283;
    font-size: 16px;
    font-weight: bold;
}
div.widget.editarSesion input {
    border-style: solid;
    border-radius: 4px;
    border: 1px solid #CCC;
    height: 26px;
    padding-left: 5px;
}
div.widget.editarSesion form {
    margin-bottom: 0px;
}
div.widget.editarSesion div.prounErrorBlock {
    margin-left: 0px;
    margin-bottom: 0px;
}
/* --------------------------------------- */
/*  Clases Útiles */
/* --------------------------------------- */
.grayBox {
    background: url('../img/striped.png');    
    border-top: solid 1px #CCC;
    padding: 18px;
    margin-bottom: 25px;
    vertical-align: middle;
}
.whiteBox {
    background-color: #FFF;
    border-top: solid 1px #E9E9E9;
    padding: 18px;
    margin-bottom: 25px;
}
.fileupload span.prounUploadButton {
    background-color: #009BC8;
}
.inputArea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;    
}
ul.blueDot {
    color: #333;
    list-style: circle outside url("../img/icons/dot.png");
    margin: 15px 0 15px 15px;
}
ul.blueDot li {
    color: #333;
    margin-bottom: 15px;
    line-height: 15px;
}
.disabled {
    display: none;
}
.buttonsWrapper {
    margin-top: -25px;
    margin-bottom: 25px;
}
/* --------------------------------------- 
 *  Boxes
 * --------------------------------------- 
 */

 .blue-box {
    background-color: #DDD;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.blue-box.active {
    background-color: #CBE3EB;
}
 .blue-box .inner {
    background-color: #FFF;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }
 
 /* --------------------------------------- 
  *  Información Legal
  * --------------------------------------- 
  */

  .legalInfo {
    margin-top: -30px;      
    margin-bottom: 60px;
  }
  
  .legalInfo p {
      line-height: 1.7;
  }
  .legalInfo h2 {
    color: #009BC8;
    font-size: 20px;
    font-family: 'GothamRounded-Medium';
    font-weight: normal;
    line-break: 20px;
    margin: 10px 0;      
  }
  .legalInfo ol {
      
  }
  .legalInfo li {
    padding: 0 0 10px 10px;
    background: url('../img/icons/dot.png') no-repeat -2px 7px;
    list-style: none;
    line-height: 1.7;      
  }
  .legalInfo strong {
      
  } 
  .legalInfo a {
      
  }
  
  .static {
      color: #666;
  }
  .static:hover {
      opacity: 0.8;
      color: #666;
  }
  
 /* --------------------------------------- 
  *  Pines Notifications
  * --------------------------------------- 
  */
  
  .alert-success {
      color: #3A8A2D !important;
      background-color: #CAECD0 !important;
      border-color: #CAECD0 !important;
  }
  .alert-info {
      color: #2892AD !important;
      background-color: #CBE3EB !important;
      border-color: #CBE3EB !important;
  }
  .alert-error {
      color: #D24040 !important;
      background-color: #F3DCDC !important;
      border-color: #F3DCDC !important;
  }
  
  .ui-pnotify-history-container {
      display: none;
  }
  
  .ui-pnotify .pin-icon {
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center center;
      width: 17px;
      height: 17px;
  }
    .pin-icon-success {
      background-image: url('../img/icons/pin-success.png');
  }
  .pin-icon-info {
      background-image: url('../img/icons/pin-info.png');
  }  
  .pin-icon-error {
      background-image: url('../img/icons/pin-error.png');
  }