/**
 * Esta hoja de estilo guarda la información común a la maquetación global de la Web.
 * Desde esta hoja de estilo se incluyen los estilos correspondientes al 
 * resto de elementos y/o áreas que componen el diseño global.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 */

 
 body.popupBody.carpetapaciente,
 body.pageBody.carpetapaciente{
 	overflow:auto;
	padding-top: 1em;
	background-color: #ececec;
 }
 
.carpetapaciente a{
	color:#01789A;
}

 /*Formularios*/
div.pageForm {
	margin: 0 auto;
	max-width: 62em;
} 

div.pageFormLarge {
	margin: 0 auto;
	max-width: 62em;
} 

div.pageFormMain {
	/*width: 60em;*/
	margin: 0 auto;
	padding: 1em 2em 2em 2em;
	text-align: left;
	border: 2px solid #C3C5C5;
	color:#666;
}

.contentPage div.pageFormMain{
	padding: 1em 0.5em 1em 0;
}

.boxFormHead{
	overflow: hidden;
}

h1.formHead {
	margin-top: 0;
	padding: 0;
	font-size: 2em;
	text-align: left;
	float:left;
	color: #0074A3;
	font-weight:normal;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.noFloat{
	float: none !important;
}

div.formHeadLink.cmFloatLeft{
	float:left;
}
div.formHeadLink{
	float:right;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-size:1.1em;
}

div.formHeadLink,
div.formHeadLink a{
	color: #0074A3;

}

.boxSection,
.boxSectionForm{
	margin: 0 0 2em 0;
}

h2.formSection{
	color:#0074A3;
	font-size:1.5em;
}

.boxText{
	border: 1px solid #B3DAE5;
	padding:0 1em;
	background: #EAF6FA;
	color:#01789A;
}

.boxSection .loginField,
.boxSection .buttonZone{
	float: left;
}

.boxSection .loginField{
	width: 40%;
}

.boxSection .buttonZone{
	width:20%;
	text-align: right;
}

.carpetapaciente .buttonZone{
	font-family:Arial, Helvetica, sans-serif;
}

.buttonZone button,
.boxSectionButton .buttonZone .cmTypeSubmit{
	background-color:#0073b2;
	color:#fff;
	height: 25px;
	line-height:25px;
}

.boxSectionButton .buttonZone .cmTypeReset,
.boxSectionButton .buttonZone .cmTypeDiscard{
	color:#fff;
	height: 25px;
	line-height:25px;
}

.boxSectionButton .buttonZone a.cmTypeReset{
	display:inline-block;
}

.boxSectionButton .buttonZone a.cmTypeSubmit{
	display: inline-block;
}

.boxSectionButton .buttonZone .cmTypeDiscard{
	background-color:#CE6767;
	display:inline-block;
}

.boxSectionButton .buttonZone .cmTypeDiscard:hover{
	background-color: #D14B4B;
}

.moreInfo .boxSectionButton a,
.appointmentListFoot.boxSectionButton a{
	margin-bottom: 1em;
}

.moreInfo .boxBodyList .boxSectionButton .cmContactMailButton{
	font-weight:normal;
	font-size:0.9em;
}

.buttonZone button:hover,
.boxSectionButton .buttonZone .cmTypeSubmit:hover{
	background-color:#048cd7;
}

.loginTextContainerLink{
	margin-top:1.5em;
}

.loginTextContainerLink .loginTextButton a{
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	font-weight: bold;
	margin-right: .6em;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
	background:#DDDCDC;
}

.loginTextContainerLink .loginTextButton a:hover{
	background:#CECECE;
	text-decoration: none;
}

.loginTextContainerLink .loginTextButton{
	float:left;
}

.boxSectionButton{
	margin-top:1em;
	text-align:right;
	clear:both;
}

.appointmentDesc .boxSectionButton{
	font-size: 0.9em;
}

.loginText a,
a.linkBlue{
	color:#01789A;
}

.textRight{
	text-align: right;
}

.textCenter{
	text-align: center;
}

.clearBoth{
	clear:both;
}

.textGreen{
	color: #00B217;
}

.loginTextContainer {
	list-style: none;
	padding: 0;
	margin: 0;
}

.loginTextContainer li {
	display: block;
}

.loginTextContainer .loginText{
	margin-bottom:1em;
}

.loginTextContainer .buttonZone{
	margin-bottom: 1em;
	text-align: center;
	width:100%;
}

.boxSectionForm .loginField {
	margin-bottom: 1.2em;
	position: relative;
}

.loginFieldItem{
	position: relative;
}

/*.boxSectionForm */.cols2Item .loginFieldItem{
	width:47%;
	float:left;
	padding-right:0.5em;
}

.pageBody.carpetapaciente .cols2Item .loginFieldItem{
	width: 50%;
	padding-right: 0;
}

.boxcols2Item{
	overflow:hidden;
}

.boxSectionForm label,
.boxSectionForm .groupRadio label.labelNormal{
	width:12em;
	float:left;
	display:block;
}

.boxSectionForm.longLabel label{
	width: 38%;
}

.boxSectionForm.labelLarge label{
	width:14em;
}

.boxSectionForm .groupRadio label{
	width: 8em;
}

.boxSectionForm .groupRadio input{
	border: none;
	width:1em;
	margin-right:0.5em;
}

.loginField input{
	border:1px solid #ccc;
	margin:0;
	width:14em;
}

.loginField input[type='checkbox']{
	width: 2em;
}


.loginFieldTypeData{
	display: inline;
	margin-right: 1.5em;
}

.selectShort select{
	width: 8.7em;
}

.width12 input{
	width:13.4em;
}

.width10 input{
	width:10em;
}

.width5 input{
	width: 5em;
}

input.boxLarge{
	/*width: 41.1em;*/
	width: 41.7em;
}

.loginFieldTypeData label{
	float: none;
	display:inline;
	padding-right:0.35em;
}

.boxGroup{
	display:inline-block;
	width:55%;
}

.boxSectionForm .groupRadio .boxGroup label{
	width:50%;
}

.blockInfoData{
	margin: 1em 0 0 14em;
	background: #F8F7DD;
	padding: 0.5em 1em;
	font-size: 0.85em;
	width:72%;
	border:1px solid #F5ED19;
	color: #9E9911;
}

.blockErrorData{
	margin: -1.5em 0 1em 14em;
	background: #F7EFED;
	padding: 0.5em 1em;
	font-size: 0.85em;
	width:24.5em;
	border:1px solid #F5D0BF;
	color: #F04605;
	display:none;
}

.info14{
	margin-bottom: 1em;
}

/*menu principal*/
.carpetapaciente  div.menuPrincipalBox{
	background-color: #0074A3;
	margin-top:0.5em;
}

.carpetapaciente  div.menuPrincipal ul {
	color:#fff;
	margin:0;
}

.carpetapaciente div.menuPrincipal{
	width:88%;
	float:left;
	margin-top: 0;
}

.carpetapaciente ul.menuPrincipal{
	width: auto;
}

.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul{
	background-color:#EFF4F7;
}

.carpetapaciente .menuPico {
	border-bottom: 11px solid #EFF4F7;
}

.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li,
.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li a,
.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li.firstElement a {
	color: #829FAE;
}

.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel{
	font-size: 1.4em;
	font-weight: normal;
	padding-top:0.7em;
}

.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li a{
	font-size: 0.9em;
}

.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li > span.cmMenuTitle:before,
.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li > a:before,
.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel ul li.firstElement a span.cmMenuTitle:before{
	/*font-size:2.3em;*/
	top:0.15em;
}

.carpetapaciente ul.menuPrincipal li.menuPrincipalPrimerNivel a{
	color: #fff;
}


/*Formulario en contenido*/
.pageContent .boxComponent.boxBig{
	width:69%;
}

.firstBox{
	margin-left:0 !important;
}

.pageContent .boxComponent.boxShort{
	width:29%;
}

.pageContent .boxComponentBody.boxSectionForm{
	padding-left:1.5em;
}

.boxComponentBody.boxSectionForm label{
	width: 36.5%;
}

.boxComponentBody.boxSectionForm .loginFieldTypeData{
	margin-right: 1%;
}

.pageContent .boxComponentBody.boxSectionForm label.labelShort{
	/*width: 17.8%;*/
	width: 100%;
	padding-bottom:0.3em;
}

.pageContent .boxShort .boxComponentBody.boxSectionForm label.labelShort{
	width: 21%;
}

.pageContent .boxComponent.boxShort label{
	width: 100%;
}

/**/

.loginField .boxLargeAdapt{
	width: 63%;
}

.loginField .boxMiddleAdapt{
	width: 34%;
}

.inputFile input{
	width: auto;
}

.buttonNoBorder{
	border:none;
	padding:0;
}

.loginField.captcha{
		margin-bottom:2em;
        margin-top:2em;
        padding-left:12em;
}
.loginField.textCenter.captcha{
	padding-left: 18em;
}

.checkNormal label{
	width: auto;
}

.checkNormal a{
	color: #01789A;
}

.boxSectionForm .login + .login{
	margin-top:1.5em;
}

.pageForm.popup{
	padding:3em 0;
}

.pageFormMain.popup{
	width:35em;
	border:none;
}

.errorMessage{
	color: #ff0000;
	margin-bottom: 1em;
}

.errorMessage p:first-child {
	margin-top: 0;
}

.errorMessage p:last-child {
	margin-bottom: 0;
}

.successMessage{
	color: #009900;
	margin-bottom: 1em;
}

.datafix{
	background: #E2E1E1;
}

body .ui-widget-content{
    border: 1px solid #ccc;
	border-top: none;
	background: #ffffff;
	color: #333;
}

body .ui-corner-all,
body .ui-corner-bottom,
body .ui-corner-right,
body .ui-corner-br,
body .ui-corner-top,
body .ui-corner-left,
body .ui-corner-tl {
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
}
/*fin de formularios*/


/*Página principal*/
.bannerCabecera{
	margin-top:0;
}

.bannerCabecera img{
	height:69px;
	width:auto;
}

.boxTextHead{
/*	display:none;*/
	margin: 2.5em 0 0 2.5em;
}

.headCarpeta{
}

.cabeceraDch{
width: 70%;
}

.boxTextHead .textHead{
	color: #0074A3;
	font-size: 3.3em;
	margin: 0;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.portalLayoutRow.rowBoxLinkHead{
	overflow: hidden;
}

.boxLinkHead{
	margin: 0;
	overflow: hidden;
	float:right;
}

.boxLinkHead a{
	color: #484848;
	float: left;
	display:block;
	margin-left:1em;
	margin-top:1em;
}

.boxLinkHead a.linkHead{
	font-size:1.3em;
	color: #484848;
}

a.linkButtonBlue{
	background:#7bb6cc;
	font-size:1em;
	color: #fff;
	padding: 0.5em;
}

a.linkButtonBlue:hover{
	background: #0074A3;
	text-decoration:none;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

a.logOut{
	display:block;
	background:url('/imagenes/carpeta_paciente/close.png') no-repeat 87px 5px #f20000;
	color:#fff;
	padding:0.5em 1em;
	width:8em;
}

a.logOut:hover{
	text-decoration:none;
	background-color:#ca0000;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.boxTextPhone{
	text-align: right;
	margin:2.5em 0 0 0;
}

.boxTextPhone .textPhone{
	color: #0074A3;
	font-size:1.3em;
	margin:0;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.boxTextPhone .textPhone .phoneHead{
	display: block;
	font-size:1.8em;
	color:#192937;
}

.dataRow,
.dataRowTop{
	width: 940px;
}

.dataRowTop .portalLayoutCell{
	width:45%;
}

.dataRowTop .portalLayoutCell + .portalLayoutCell{
	width:20%;
}

.dataRow .portalLayoutCell + .portalLayoutCell,
.dataRowTop .portalLayoutCell + .portalLayoutCell{
	padding-left: 2%;
}

.dataRow .portalLayoutCols2 .portalLayoutRow .portalLayoutCell,
.dataRow2cols .portalLayoutCell.portalLayoutCols2 .portalLayoutRow .portalLayoutCell{
	display: block;
	float: left;
	width: 49%;
}

.dataRow2cols .portalLayoutCell.portalLayoutCols2 .portalLayoutRow .portalLayoutCell + .portalLayoutCell{
	padding-left: 2%;
}

.dataRow .portalLayoutCell{
	width:50%;
}

.carpetapaciente .zonaPie{
	display:block;
	margin-top:1.5em;
}

/*DATOS DEL USUARIO*/
.boxImg{
	border:1px solid #bbd9e4;
	margin:2em;
	float:left;
}

.boxImg img{
	width:142px;
	height:auto;
}

.boxImg + .boxContent p.contentText{
	padding-left:10em;
}

.boxImg + .boxContent .boxContentBody{
	padding-left: 17em;
}
/*
.boxImg + .boxContent .boxContentBody .boxData{
	padding-left:14em;
}*/

.boxUserData{
	background:#f3f7f9;
	overflow:hidden;
	margin-top: 2.5em;
}

.boxUserData .contentText{
	background: #dbebf1;
	padding:0.8em;
	/*color: #0074A3;*/
	color: #17758F;
	font-size:1.75em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.boxUserData .boxDataItem{
	color:#0074A3;
	margin-top:0.5em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.boxUserData .boxDataItem.itemDNI{
	margin-bottom:2em;
}

span.blueDark{
	color:#001f30;
}

.boxData{
	font-size:1.4em;
	overflow:hidden;
	padding:0.5em 0 0.5em 1.2em;
	position: relative;
}

.boxImg + .boxContent .boxContentBody .boxData{
	padding-left: 0;
}

.boxData .boxDataCol{
	float:left;
	display:block;
	width:50%;
}

.boxData .boxDataCol + .boxDataCol{
	padding-bottom:3.5em;
}

.linkZone{
	margin-bottom:1em;
	margin-top:0.5em;
}

.boxData .linkZone{
	font-size:1em;
	position:absolute;
	bottom: 0;	
}

.cmLinkButton{
	background:#0074A3;
	color:#fff !important;
	font-size:1em;
	margin:0.5em 1em 0 0;
	border-radius:0 0;
	font-weight:normal;
}

.cmLinkButton:hover{
	background:#177691;
}

.boxComponent.firstCol{
	clear: left;
}

/*Ayuda*/
.ayuda{
	margin-top:2.5em;
}

.ayuda .contentHeader{
	background:url('/imagenes/carpeta_paciente/question.png') no-repeat;
	min-height: 6em;
	border-bottom:1px solid #dfeaf0;
}

.ayuda .contentHeader h2{
	padding-left:3.5em;
	padding-top:0.3em;
	color: #1b91b2;
	font-size:1.9em;
}

.ayuda .contentHeader h2 a,
.ayuda .contentHeader h2{
	color:#1b91b2;
}

.ayuda .contentText{
	font-size: 1.3em;
	margin-top:0.8em;
	color: #828282;
	text-align:justify;
}

.ayuda .contentText p{
	line-height: 1.3em;
}

/*Componentes*/
.boxComponent{
	margin-top:3em;
	background:#f1f7f9;
	overflow:hidden;
}

.boxComponentHead{
	background:#dbebf1;
	overflow: hidden;
}

.boxComponentHead .titleText{
	font-size:1.75em;
	color:#062636;
	padding:0.4em 1em 0.4em 0.7em;
	margin:0;
}

.boxComponentHead .titleButton{
	float:right;
	/*width:20%;*/
	text-align:right;
	margin:0.7em 0.7em 0 0;
}

.boxComponentHead .titleDate{
	float:right;
	text-align:right;
	font-size:0.8em;
}

.listAll  input[type='checkbox'],
.checkAll  input[type='checkbox']
{
	margin: 0.125em;
	width:19px;
    height:19px;
	vertical-align:middle;
}

.textRight{
	float:right;
	text-align:right;
	color: #17758F;
	max-width: 30%;
}
.hightPriority{
	color: #f20000;
}
.mediumPriority{
	color: #AF0000;
}
.divCalendar .hightPriority{
	color: #17758F;
}
.divCalendar .mediumPriority{
	color: #17758F;
}

.boxComponentHead .titleButton a.linkComponentHead{
	margin: 0;
	background:#7bb6cc;
	color:#fff;
	padding:0.3em 1em;
	font-size:1.1em;
	display: inline-block;
	white-space: nowrap;
}

.boxComponentHead .titleButton a.linkComponentHead:hover{
	text-decoration: none;
	background:#6B9FB3;
}

.boxComponentBody{
	padding:1.2em;
}

.boxBodyListItem{
	background:url('/imagenes/carpeta_paciente/bullet2.png') no-repeat 0 5px;
	padding-left: 1.8em;
	margin-bottom: 1.5em;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

.boxBodyListCell{
	display: table-cell;
}

.boxBodyListItem.citaItem{
	background:url('/imagenes/carpeta_paciente/bullet22.png') no-repeat 0 5px;
}
.boxBodyListItem.citaItem.citaPrivada{
	background:url('/imagenes/carpeta_paciente/bullet23.png') no-repeat 0 5px;
}



.boxBodyListItem.intervenionItem{
	background:url('/imagenes/carpeta_paciente/lifeline91.png') no-repeat 0 2px;
}


.citaItem .appointmentTitle{
	border-bottom:1px solid #0074A3;
}
.citaItem.citaPrivada .appointmentTitle{
	border-bottom:1px solid #DB1FD5;
}
.textoRojo{
	color:#A01D2D;
}
.appointmentTitle{
	border-bottom:1px solid #c8ced3;
	overflow:hidden;
}

.appointmentTitle .appointmentTitleText{
	text-transform: uppercase;
	color:#001d2f;
	font-size:1.35em;
	float:left;
	width: 71%;
	margin-top:0.2em;
}

.appointmentTitle.buttonImg .appointmentTitleText{
	width:82%;
}

.boxBodyList .titleButton{
	float:right;
	text-align:right;
	margin-bottom:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	white-space:nowrap;
}

.titleButton .linkGrey{
	background:#8b8d88;
	color:#fff;
	display:inline-block;
	padding: 0.2em 0.8em;
}

.appointmentDesc{
	color:#17738d;
	margin-top:0.5em;
	font-size: 1.25em;
	overflow: hidden;
}

div.noResults{
	margin: 2em !important;
}

div.noResults p:last-child {
	margin-bottom: 0;
}

.appointmentDesc .appointmentCenter,
.appointmentDesc .appointmentTime,
.appointmentDesc .appointmentDate{
	margin-right:1em;
	display: inline-block;
	margin-bottom:0.5em;
}

.appointmentFooter{
	text-align:right;
}

.appointmentFooter .linkZone{
	margin:2em 0 2em 0;
}

.appointmentFooter .linkZone a{
	margin:0;
	font-size:1.4em;
}

/*proceso*/
.process .boxBodyListItem{
	background:url('/imagenes/carpeta_paciente/bullet1.png') no-repeat 0 5px;
	padding-left:1.5em;
}

.process .appointmentTitle .appointmentTitleText{
	text-transform:none;
}

.process .appointmentDesc{
	overflow:hidden;
}

.appointmentDescData{
	width: 60%;
	float:left;
}

.appointmentDescData span{
	display:block;
	width:100%;
}

.process .appointmentDesc span.appointmentCenter{
	text-transform:none;
	font-size: 0.95em;
}

.process .boxBodyList .titleButton{
	width:28%;
}

.titleButton .linkGreen{
	color:#fff;
	padding:0.3em 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	text-align:center;
}

.linkGreen{
	background:#50a67e !important;
}

.linkGreen:hover{
	background: #448A69 !important;
	text-decoration: none;
}

.appointmentDesc .titleButton .linkGreen{
	font-size:0.9em;
}

.btImportant{
	background: #E66C0D !important;
	padding:0.2em 0.4em !important;
}

.btImportant:hover{
	background:#CB5E09 !important;
}

.cmContactMailButton.btImportant{
	color:#fff;
	height: 25px;
	line-height:25px;
	display: inline-block;
	padding: 0 20px !important;
}

/*Resultados*/
.results .boxBodyListItem{
	background: url('/imagenes/carpeta_paciente/bullet3.png') no-repeat 0 5px;
}

.results .titleButton:hover{
	cursor: pointer;
}

.titleButton .linkGreen{
	font-size: 1.1em;
	cursor: pointer;
}

/*Historia clínica*/
.historiaPaciente{
	margin-top: 3em;
	background: #F1F7F9;
	overflow: hidden;
}

.historiaPaciente .contentHeader{
	background: #DBEBF1;
	overflow: hidden;
	margin-bottom:0 !important;
}

.historiaPaciente .contentHeader h2{
	float: left;
	/*width: 66%;*/
	font-size: 1.75em;
	color: #062636;
	padding: 0.4em 1em 0.4em 0.7em;
	margin: 0;
}

.historiaPaciente .contentData{
	padding: 0em 2% 1.2em 7%;
	overflow:hidden;
}

.historiaPaciente ul li{
	padding: 0;
	float:left;
	margin:1.5em 2em 0.5em 0;
	font-size:1.45em;
	background:url('/imagenes/carpeta_paciente/bullet4.png') no-repeat 11px 12px #0074A3;
	color:#fff;
}

.historiaPaciente ul.cmContentList li{
	width: 95%;
}

.historiaPaciente ul.nColumns_2 li.lastNode.cmColumn_1{
	width:43.64%;
}

.historiaPaciente ul.nColumns_3 li.lastNode.cmColumn_1{
	width:29%;
}

.historiaPaciente ul.nColumns_4 li.lastNode.cmColumn_1{
	width:19.2%;	
}

.historiaPaciente .contentData .contentName{
	font-weight: normal;
}

.historiaPaciente .contentData a{
	color:#fff;
	padding:0.5em 0.8em 0.5em 2em;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	display:block;
}

.historiaPaciente ul li:hover{
	background-color:#006f94;
}

.historiaPaciente ul li a:hover{
	text-decoration:none !important;
}

/*Página de contenido*/
.carpetapaciente .navigationPath{
	margin: 0.5em 0;
	position:relative;
	padding-top:2em;
	min-height:7em;
}

.navigationPath .boxUserData{
	margin-top:0;
	/*background:none;*/
}

.navigationPath .boxImg{
	margin:0 1.5em;
	position:absolute;
	top:0.7em;
	max-height: 89px;
	overflow: hidden;
}

.navigationPath .boxImg img{
	max-width: 80px;
	height:auto;
}

.navigationPath .boxContent{
/*	margin-top:2em;*/
}

.navigationPath .boxUserData .contentText{
	padding:0.3em 0.3em 0.3em 0.5em;
}

.navigationPath .boxImg + .boxContent p.contentText{
	padding-left:6em;
}

.navigationPath .boxImg + .boxContent .boxContentBody{
	padding-left:9.6em;
	min-height:2.5em;
}

.navigationPath .boxContentBody{
	overflow:hidden;
	margin:0.5em 0 0 1em;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}

.navigationPath .boxContentBody ul.cmCategorizer {
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding: 0 6em 0 0;
}

.navigationPath .boxContentBody  ul.cmCategorizer li{
	float:left;
	display:block;
	padding:0 0 .3em 1em;
	margin:0;
	color:#1B91B2;
	background: url('/imagenes/carpeta_paciente/navPath2.png') no-repeat left top transparent;
	position:relative;
}

.navigationPath .boxContentBody  ul.cmCategorizer li.lastChild,
.navigationPath .boxContentBody  ul.cmCategorizer li.firstChild.lastChild{
	background: url('/imagenes/carpeta_paciente/navPath.png') no-repeat left top transparent;
	padding:0.1em 0em .3em 1.3em;
}

.navigationPath .boxContentBody  ul.cmCategorizer li.firstChild{
	background: none;
	padding-left:0;
}
div.navigationPath ul.cmCategorizer li.firstChild {
	text-transform: none;
}

.navigationPath .boxContentBody  ul.cmCategorizer li a,
.navigationPath .boxContentBody  ul.cmCategorizer li span.itemPathNav{
	color: #fff;
	text-transform:none;
	background:#0074A3;
	padding:0.1em 0.5em 0.25em 0.5em;
	display: block;
	min-height: 1.2em;
	line-height:1.22em;
}

.navigationPath .boxContentBody  ul.cmCategorizer li{
	font-size:1.75em;
}

.carpetapaciente .contentHeader{
	margin-bottom: 1em;
}

.carpetapaciente h2.contentMainTitle{
	color:#001F30;
	font-size:2.2em;
	padding-bottom:0.3em;
	border-bottom: 1px solid #a4ccdc;
}

.boxForm.pageContent .boxContent{
	max-width: 71em;
}

h3.formSection{
	color:#0074A3;
	font-size:1.75em;
}

.pageContent .loginField label/*,
.pageContent .loginField .loginFieldTypeData */{
	font-size:1.2em;
	color:#666666;
}

.blockOtherData{
	margin-top: 2em;
	margin-bottom: 2.5em;
	border-top: 2px solid #DBEBF1;
	padding-top:2em;
}
/*
.loginField .loginField2{
	float: left;
	display:block;
	margin-right:4em;
}*/

.loginField .loginField2.colNoFirst label{
	width:auto;
	margin-right:0.5em;
}

.boxSectionData{
	background: #f2f7f9;
	padding:0.8em 1em;
	overflow:hidden;
	font-size: 1.2em;
}

.boxSectionDataItem{
	margin-bottom:0.5em;
	float:left;
	width:50%;
	color:#001F30;
}

.otherItem{
	margin-left:0.5em;
}

.carpetapaciente.contentPage div.cmBodyContentChildrens{
	font-size: 1.1em;
}

.carpetapaciente.contentPage .contentBody{
	font-size: 1.2em;
}

.mainPage .pageContent .pageContent2,
.contentHeader + .pageContent2{
	margin: 2.8em 0 0 0;
}

/*listado citas*/
.pageContent .appointmentDesc{
	overflow:hidden;
	width:100%;
}

.pageContent .boxComponent{
	float:left;
	display:block;
	width:47%;
	margin:0 0 2% 2%;
}

.pageContent .boxComponentHead{
	/*font-family: Arial, Helvetica, sans-serif;*/
	background: #DBEBF1;
}

.pageContent .boxComponentHead h3{
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding:0.65em 1em;
	margin:0;
}

.pageContent .boxComponentHead h4{
	padding:0.5em 1em;
	font-size:1.1em;
}

.pageContent .boxComponentBody{
	padding:1.2em 1.2em 1.2em 3em;
	list-style: none;
}

/*.boxComponentBody */.listAll{
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:1.2em;
	margin-bottom:0.8em;
}

.listAll pre{
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	max-width:735px;
	word-break:break-word;
}

.appointmentListFoot{
	margin:0.5em 2em 2em 2em;
}

.pageContent .boxSectionButton{
	font-family: Arial, Helvetica, sans-serif;
}

.appointmentAllFooter{
	font-size: 1.3em;
}

.appointmentAllFooter .cmLinkButton{
	margin: 0.5em 0 0 1em;
}

.linkBack{
	background: #B0B0B0;
}

.linkBack:hover{
	background:#9E9E9E;
}

.pendingProgram{
	background:url('/imagenes/carpeta_paciente/bullet2red.png') no-repeat 2px 1px;
	color:#DB1515;
	padding:0 0.5em 0 2em;
}

#prepPrevia{
	display:none;
}

.textPrepPre{
	display:none;
}

.prepPreviaPopup{
	padding: 2em 1.5em 2em 1em;
}

.divTextPrepPreTitle{
	color: #0074A3;
	font-size: 1.8em;
	padding: 1em;
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
}
.divTextPrepPre{
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	padding: 1em 2em;
	line-height:1.3em;
}

.prevPre{
	text-align: left;
	margin: 0.5em 0;
}

.prevPre a{
	margin-left:0;
}

/*tareas pendientes*/
.pageContent .formularioItem .boxComponentHead h3{
	background:url('/imagenes/carpeta_paciente/tareapendiente.png') no-repeat 12px 12px;
	padding-left:2.1em;
}

.titleTextGrey{
	color: #696969;
	font-size: 13px;
	margin-right:10px;
}

.pageContent .peticionItem .boxComponentHead h3{
	background:url('/imagenes/carpeta_paciente/calendar60.png') no-repeat 12px 10px;
	padding-left:2.1em;
}

/*pedir cita*/
.boxLeftForm{
	float: left;
	width: 50%;
}
.appointmentButton button{
	margin-left:0;
}

.newAppointment .colLeftSearch{
	width: 46%;
}

.newAppointment #div_policyNumber .colFirst{
	margin-bottom: 0.5em;
}

.newAppointment #div_policyNumber .colNoFirst{
	margin-left:22.25em;
}

.newAppointment .loginField .loginField2{
	margin-right: 0;
}

.newAppointment .colLeftSearch .boxSectionForm{
	padding:1.5em 1.5em 0 1.5em;
}

.blockInfo{
	display: inline-block;
	font-size:1.2em;
	margin-bottom: 1.5em;
}

.datosCita{
	display:none;
	margin-top: 2em;
	text-align: left;
}

.datosCita:active,
.datosCita:focus{
	outline: none !important;
}

.datosCita .boxTextDatosCita{
	margin: 1em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.datosCita .detalleCita{
	margin-top:1em;
}

.otherInfo .detalleCita{
	margin-top:2em;
}


.datosCita .detalleCita .itemDatosCita,
.otherInfo .detalleCita .itemDatosCita{
	font-weight:normal;
	font-size:1.2em;
	margin-bottom:0.3em;
	color: #666;
}

.datosCita span.textNewAppointment{
	font-size:1.2em;
	color:#666;
	padding-right:0.5em;
	display:inline-block;
}

.datosCita span.daySelected{
	color:#50A67E;
	font-size:1.7em;
}

.datosCita #div_reason label{
	font-weight: bold;
	float:none;
	margin-bottom: 0.5em;
	display: block;
}

.datosCita #div_reason textarea{
/*	width:430px;*/
	width:99%;
}

.carpetapaciente .calendar{
	z-index: 10001 !important;
}

.boxField{
	margin-bottom:2.56em;
}

.boxField > p:last-child {
	margin-bottom: 0;
}

.boxFieldTitle{
	color: #0074A3;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #0074A3;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
}

span.listAllData{
	float: left;
	width:60%;
}

/*resultado pedir cita*/
.contentCenter{
	text-align:center;
}

.contentCenter .boxComponent{
	float:none;
	max-width: 60em;
	width:59%;
	display:inline-block;
	text-align:left;
}

/*subcontenidos de cajas*/
.boxSubcontent{
	margin-top: 1em;
}

/*cambiar cita*/
.listAll label{
	font-size:1em !important;
}

/*anular cita*/
.boxComponent .cols2Item .listAll textarea.widthAll{
	width: 95%;
	margin-top:0.5em;
}

/***/
.textMsg{
	font-size: 1.3em;
	margin: 0.5em 0;
	line-height: 1.5em;
}

.pageContent{
	margin: 1.8em 0 0 0;
	/*font-family: "Myriad Pro", Arial, Helvetica, sans-serif;*/
}

.blueText {
	color: #17758F;
	font-size: 1.4em !important;
}

/*Calendario huecos libres*/
.disabled{
	opacity: 0.6;
}

.newAppointment .colRight{
	width: 48.9%;
	min-width:44em;
	text-align:center;
}

.newAppointment .boxComponentBody{
	padding:3em 5% 3em 5%;
	list-style: none;
}

.newAppointment .boxComponentHead.selectDate h3{
	font-size:1.8em;
	padding:0.48em 1em 0.48em 2.5em;
	text-align: left;
	background:url('/imagenes/carpeta_paciente/calendar20.png') no-repeat 20px 9px #DBEBF1;
}

.newAppointment .textInfoError{
	margin: 0 0 2em 0;
}

.boxCalendarAppointment{
	position:relative;
}

.boxDatePicker{
	position:relative;
}

.xdsoft_datetimepicker .xdsoft_mounthpicker{
	overflow:visible;
}

.divLoader{
	display: none;
	position:relative;
	width:430px;
}

.boxLoader{
	background:#fff;
	top:4.5em;
	left: 8em;
	position: absolute;
	border:1px solid #70B4D9;
	padding: 2em;
	z-index: 995;
}

.textLoader{
	padding-top:4em;
	background: url('/imagenes/carpeta_paciente/gif-load.gif') no-repeat 74px 0;
	font-family: Arial, Helvetica, sans-serif;
	display:inline-block;
	font-size:1.3em;
}

.xdsoft_datetimepicker .xdsoft_calendar td.dayAvailable a{
	color: #fff;
	background: #0074A3;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.dayAvailable a:hover{
	background: #70B4D9;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.dayAvailable a{
	background:#28B472;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time.active{
	background:#28B472 !important;
	color:#fff !important;
}

.xdsoft_time_variant{
	display:none;
}

.dayOfRange:not(.dayAvailable) {
	cursor: default !important;
}

.dayOfRange:not(.dayAvailable) a{
	pointer-events: none;
}

.dayOfRange a{
	color:#000 !important;
	background:#ccc !important;
}

.textInfo{
	overflow:hidden;
	text-align:left;
}

.boxContinueSearch{
	overflow:hidden;
}

.textInfo p.textButtonSearch{
	width: 60%;
	float: left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:0;
}

.buttonBlue{
	background: #0074A3;
	padding: 0.5em 1em;
	color:#fff;
	float: right;
	margin:0;
	font-size:1.1em;
}

.buttonBlue:hover{
	background:#70B4D9;
}

.textRange{
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0.5em 1.3em;
	background:url('/imagenes/carpeta_paciente/dotGreen.png') no-repeat 0 3px;
}

.textInfoError{
	color: #f20000;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #f20000;
	padding: 0.5em 1em;
}

.infoColorsCalendar{
	overflow:hidden;
	margin-top:1em;
	/*display:inline-block;*/
	display:none;
}

.infoColorsCalendar .itemInfoColorsCalendar{
	float: left;
	margin-right:1em;
}

.itemCalendarBlue,
.itemCalendarGreen,
.itemCalendarGray{
	width: 12px;
	height:12px;
	display: inline-block;
}

.itemCalendarBlue{
	background-color:#0074A3;
}

.itemCalendarGreen{
	background-color: #50A67E;
}

.itemCalendarGray{
	background-color: #CCC;
}

.infoColorsCalendar .itemCalendarText{
	font-size: 1.1em;
}

/*Contenido sin título*/
.sinTitulo .contentHeader{
	display: none;
}

.sinTitulo h3{
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-size:1.3em;
	color:#0074A3;
}

/**/
.successOk{
	color: #060;
   border: 1px solid #008000;
   background:url('/imagenes/dvFormsWeb/success.png') no-repeat 14px 10px #eeffee;
   font-size:1.25em;
   padding:1.5em 1em 1.5em 4em;
   margin:2em 0;
}

/**/
.carpetapaciente .contentPopup{
	padding:0 2em 0 2em;
}

.carpetapaciente .popupHead{
	padding-top:0;
}

.carpetapaciente .popupHead .logoCentro{
	margin-bottom:1em;
}

.carpetapaciente .popupHead .logoCentro img{
	max-height: 4.5em;
	width: auto;
}

.carpetapaciente .popupHead .pageContent{
	margin-top:1em;
}

.carpetapaciente.popupBody .popupHeadTitle{
	text-align: center;
	margin-top:2em;
}

.carpetapaciente.popupBody .popupHeadTitle h1{
	float:none;
	text-align:center;
}

.carpetapaciente .contentPopup .pageContent{
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:1.8em 0 0 0;
}

.blockDataPrint{
	float:left;
	width:50%;
}

.blockDataPrint h2{
	font-size:1.5em;
	color:#0074A3;
}

.boxSectionForm  .blockDataPrint .loginField {
	margin-top:0.8em;
	margin-bottom:0;
}

.carpetapaciente .contentPopup .boxSectionForm .login{
	border: 1px solid #C3C5C5;
	padding: 1.5em;
}

.carpetapaciente .contentPopup .blockResguardo .boxSectionForm .login{
	padding: 0;
}

.blockResguardo .boxSectionForm{
	margin-top:0.5em;
}

.blockResguardo .login .title1{
	text-transform:uppercase;
	font-size:0.9em;
	margin-bottom:0;
}

.blockResguardo .login .title2{
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
}

.blockResguardo .textDataDate{
	border-top:1px solid #C3C5C5;
	padding:0.5em;
}

.blockCompleteData{
	margin-bottom: 1em;
}

.carpetapaciente .popupHeadDataPatient{
	width:93%;
	overflow:hidden;
	padding-bottom:1em;
}

.popupHeadDataPatient .boxSectionForm{
	width:28em;
	float:right;
	margin:0;
}

.popupHeadDataPatient .boxSectionForm .login{
	padding:1em 1em 0.5em 1em !important;
}

.divCalendar,
.divHour{
	padding-left: 2em;
	padding-bottom:0.8em;
	font-weight: bold;
	color: #17758F;
	display:inline-block;
}

.divCalendar{
	background:url('/imagenes/carpeta_paciente/calendar14.png') no-repeat 2px 1px;
	margin-right: 0.8em;
}

.divHour{
	background:url('/imagenes/carpeta_paciente/bullet2.png') no-repeat 2px 1px;
}

.textColorBlue{
	color: #17758F;
}

.titleButton .linkGreen.btImagen{
	padding:0.2em;
	margin-right:0.5em;
}

.contentPopup .boxSectionButton{
	margin-bottom:2em;
}

.contentPopup .boxSectionButton .buttonZone a{
	font-size:1em;
}

/*Página con buscador*/
.colLeftSearch{
	float: left;
	margin-right:2.5em;
	margin-bottom: 2em;
	width: 24.7%;
}

.boxSearch{
	background-color:#dfeaf0;

}

.boxSearch .boxSearchHeader{
	background-color: #40bb6e;
	padding: 0.8em 1.5em;
}

h3.boxSearchHeaderTitle{
	color: #fff;
	margin:0;
	background: url('/imagenes/carpeta_paciente/search.png') no-repeat;
	padding-left: 1.5em;
}

.boxSearch .boxSectionForm{
	padding: 1.5em;
	margin:0;
}

.pageContent .colRight .boxComponent{
	float: none;
	margin: 0 0 1.5em 0;
	width:auto;
}

.pageContent .boxSearch .loginField label{
	color: #000;
}

.pageContent .boxSearch .boxSectionButton{
	padding:1em 1.5em 1.5em;
	margin-top:0;
}

.boxSearch .boxSectionButton .buttonZone .cmTypeSubmit{
	background: #0074A3;
}

.boxSearch .boxSectionButton .buttonZone .cmTypeSubmit:hover{
	background:#177691;
}

.colRight{
	float: left;
	width: 72.4%;
}

.cmBlack{
	color:#000;
}

.cmGreen{
	color: #009000;
}

/*antecedentes*/
.colLeftContent,
.colRightContent{
	float: left;
}

.colLeftContent{
	width: 73%;
}

.colRightContent{
	margin-left:1.5em;
	width: 25%;
}

.contentList{
	margin-bottom:2em;
	overflow: hidden;
}

.contentList .boxContent{
	margin-bottom:1em;
}

.contentList .boxContent .boxContentTitle{
	color:#1c91b3;
}

.contentList .boxContent span{
	font-size:1.5em;
	line-height:1.4em;
}

.blockTop{
	overflow:hidden;
}

.blockTop .colRight{
	width:72%;
	background:#F1F7F9;
	border:1px solid #DFEAF0;
}

.blockTop .colRight .boxBodyList{
	padding: 1.5em;
}

.listMain .boxBodyList{
	margin-top: 1.5em;
}

.listMain .boxBodyList .boxContent{
	font-size:1.4em;
	margin-bottom:1em;
}

.listMain .boxBodyList .boxContent .boxContentTitle{
	font-weight:bold;
	color:#0074A3;
}

.blockTop .textInfo{
	font-size:1.3em;
	line-height:1.5em;
}

/*contenido con fodo azul*/
.boxComponent.contentNormal{
	width: 100%;
	margin: 0;
	float:none;
}

.boxComponent.contentNormal .boxSectionForm{
	padding:2em;
	font-size: 1.1em;
}

.boxComponent.contentNormal .loginField .boxLargeAdapt{
	width:62%;
}

.boxComponent.contentNormal .loginField label{
	/*color: #1B91B2;
	font-size:1.3em;*/
	color: #666;
	font-weight: bold;
	font-size:1.2em;
}

.contentPage .dataRowTop .portalLayoutCell + .portalLayoutCell{
	width: 35%;
}

/*texto info*/
.textInfoUpdate{
	overflow: hidden;
	display:block;
	margin-bottom:2em;
}

.textInfoUpdate .textMsg{
	float:left;
	width: 80%;
}

.textInfoUpdate .textInfoButton{
	float: right;
	text-align:right;
	width:20%;
	padding-top: 0.5em;
}

.textInfoUpdate .textInfoButton .linkZone{
	margin: 0;
}

.textInfoUpdate .textInfoButton a{
	font-size: 1.3em;
	margin: 0;
}

/*titulo + botón*/
.titleMoreButton{
	overflow: hidden;
	position:relative;
	padding-top:1em;
}

.boxComponentHead.titleMoreButton{
	padding-top:0;
}

.titleMoreButton h2{
	padding-right:5em;
}

.titleMoreButton h3.boxComponentHeadTitle{
	/*float:left;
	width: 73%;*/
	padding-right:20%;
}

.intervencionItem .titleMoreButton h3.boxComponentHeadTitle{
	background: url('/imagenes/carpeta_paciente/lifeline93.png') no-repeat 11px 10px;
	padding-left:2em;
}

.intervencionItem .boxComponentHead.titleMoreButton{
	background:#E1F1E7;
}

.citaItem .boxComponentHead h3{
	background: url('/imagenes/carpeta_paciente/bullet22.png') no-repeat 9px 12px;
	padding-left:2em;
}
.citaItem.citaPrivada .boxComponentHead h3{
	background: url('/imagenes/carpeta_paciente/bullet23.png') no-repeat 9px 12px;
}
.titleMoreButton.buttonImg h3.boxComponentHeadTitle{
	padding-right:15%;
}

.titleMoreButton .linkRight{
	position:absolute;
	right: 0;
	top:0;
	font-size:1.3em;
	margin: 0;
}

.boxComponentHead.titleMoreButton .titleButton{
	margin: 0.8em 0.8em 0.8em 0;
}

.titleMoreButton .linkRight .textInfoButton{
	display: block;
	float: left;
	margin-bottom:0.6em;
}

.titleMoreButton .linkRight .textInfoButton .cmLinkButton{
	margin:0 0 0 0.6em;
}

/*Dato + boton*/
.itemMoreButton{
	overflow:hidden;
}

.withButton{
	overflow: hidden;
}

.withButton .withButtonInfo{
	float:left;
	width: 71%;
}

.buttonBlueItem{
	float:right;
	text-align:right;
	width:29%;
}

.buttonBlueItem .buttonBlueItemLink{
	background:#78C4ED;
	color:#fff;
	display:inline-block;
	font-size:0.9em;
	padding:0.3em 1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

.buttonBlueItem .buttonBlueItemLink:hover{
	text-decoration: none;
	background:#70B4D9;
}

/*iconos*/
.carpetapaciente .contentServices{
	padding: 0.5em 1.5em 0 1em;
}
.carpetapaciente .contentServices .cmPrintableLink{
	background-color:#0074A3;
}

/*paginacion*/
.carpetapaciente div.cmNavigation .totalPageList{
	float:left;
}

.carpetapaciente div.cmNavigation .numPageList{
	float: right;
}

.carpetapaciente div.cmNavigation .cmNavPage{
	margin-right:1em;
	color: #A5C2D0;
}

.carpetapaciente div.cmNavigation .cmNavPage:hover{
	text-decoration: none;
	color: #61A4CE;
}

.carpetapaciente div.cmNavigation a.cmNavEndsPagesLink{
	float: none;
	display:inline-block;
}

.areaPieArriba .menuPrincipalPie,
.areaPieArriba .menuLateralIconos{
	float:left;
}

.areaPieArriba .menuLateralIconos li{
	font-size:1.1em;
	font-weight:bold;
}

.areaPieArriba .menuLateralIconos span.menuPrincipalPrimerNivel{
	padding-left:1.7em;
}

.areaPieArriba .menuLateralIconos a.menuPrincipalPrimerNivel{
	color: #7B7D7D;
}

.areaPieArriba .menuLateralIconos a.menuPrincipalPrimerNivel:hover{
	color:#181818;
	text-decoration:none;
}

.boxWarning{
	background: url('/imagenes/carpeta_paciente/warning.png') no-repeat 5px 5px #F8F5E2;
	padding: 0.5em 3em 0.2em 4em;
	border: 1px solid #F6E5B8;
	min-height:4.2em;
	margin-bottom:1.5em;
}

.boxWarning p{
	font-size:1.1em;
	margin:0;
	padding-top:0.7em;
	font-weight:bold;
	color:#8B6622;
}

textarea.width98{
	width:98%;
}

/*formulario en el centro página*/
.formMiddle{
	text-align:center;
}

.formMiddle .boxSectionForm{
	width: 80%;
	margin:0 auto;
}

.formMiddle .boxSectionForm textarea{
	width:100%;
}

.formMiddle .loginField input{
	width: 63%;
}

.formMiddle .loginField label{
	text-align:left;
}

.botonNuevaCita{
/*	display: none;*/
}

.botonNuevaCita.centro_VI,
.botonNuevaCita.centro_MC,
.botonNuevaCita.centro_VM{
	display:none;
}

.botonNuevaCita.residencias{
	display: none;
}

.noModificable{
	font-size: 1.4em;
	padding: 2em;
	color: #828282;
}
/* Para ocultar momentaneamente la opción de DNIe*/
.loginDNIe{
	/*display: none;*/
}
/* Para ocultar momentaneamente el mensaje de registro a partir del sistema de citación*/
.textoCitaAntigua{
	display: none;
}


.carpetapaciente #principal\.datosPersonales{
	display:none;
}

/** Componentes en colores diferentes **/
.greenComponent{
	background: #dfeaf0;
}

.greenComponent .boxComponentHead{
	background: #40bb6e;
}
.greenComponent .boxComponentHead h2{
	color: #ffffff;
}
.greenComponent .boxComponentHead .titleButton a.linkComponentHead{
	background:#448A69;
}

.greenComponent .boxComponentHead .titleButton a.linkComponentHead:hover{
	background:#50a67e;
}

.redComponent{
	background: #FAF9E2;
	border:1px solid #f5e2d9;
}

.redComponent .boxComponentHead{
	background: #EEEA98;
}
.redComponent .boxComponentHead h2{
	/*color: #ffffff;*/
}
.redComponent .boxComponentHead .titleButton a.linkComponentHead{
	/*background: #DD3535;*/
	background: #E66C0D
}

.redComponent .boxComponentHead .titleButton a.linkComponentHead:hover{
	background: #D36814;
}

.redComponent .boxBodyListItem{
	padding-left:2.3em;
}

.redComponent .boxBodyListItem.formularioItem {
	background: url('/imagenes/carpeta_paciente/tareapendiente.png') no-repeat 0 2px;
}

.redComponent .boxBodyListItem.peticionItem {
	background: url('/imagenes/carpeta_paciente/calendar60.png') no-repeat 0 1px;
}

.redComponent .appointmentDesc{
	color: #001d2f;
}

.blueComponent{
	background: #dfeaf0;
}

.blueComponent .boxComponentHead{
	background: #0074A3;
}
.blueComponent .boxComponentHead h2{
	color: #ffffff;
}

.tituloSeccion ,
.tituloSeccion span,
.notaHorizontal,
.notaHorizontal span{
	width: 100%;
}
.tituloSeccion > span > span > .value,
.notaHorizontal > span > span > .value{
	width: 100% !important;
}

.tituloSeccion p{
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
}

.alerta span.xforms-value{
    padding-left: 1.5em !important;
}
.alerta span.xforms-value p{
    font-size: 1.2em;
}

.changePasswd .formPopupLabel{
	width: 47%;
	text-align: right;
	display:inline-block;
	padding: 0.5em;
}

.langSelectorCarpeta{
	padding: 0 0 0 2em;
	margin: 0;
	float: right;
	list-style: none;
}

.langSelectorCarpeta li{
	display: inline-block;
}

.tutorMsg {
	font-weight: bold;
}

@media print {
	div.menuPrincipalBox,
	.carpetapaciente .navigationPath,
	.carpetapaciente .headCarpeta,
	.portalLayoutRow.rowBoxLinkHead,
	.carpetapaciente .zonaPie,
	.carpetapaciente .boxSearch,
	.boxComponentHead.titleMoreButton .titleButton,
	.carpetapaciente .cmNavigation,
	.carpetapaciente .textInfoUpdate,
	.carpetapaciente .boxSectionButton,
	.boxCalendarAppointment .boxContinueSearch{
		display:none;
	}
	
	
	.pageContent .boxComponentHead h3{
		border-bottom: 1px solid #666;
	}
	
	.carpetapaciente .colRight,
	.carpetapaciente .colLeftContent,
	.titleMoreButton h3.boxComponentHeadTitle{
		width: 100%;
	}
	
	.carpetapaciente .divCalendar{
		padding-left:0;
	}

	.carpetapaciente .pendingProgram{
		padding-left: 0;
	}
	
	.datosCita span.daySelected{
		border-bottom: 1px solid;
	}
	
	.carpetapaciente.popupBody .popupHeadTitle h1{
		font-size:1.3em;
	}
	
	.boxSectionForm .blockDataPrint .loginField{
		font-size: 1em;
	}

}

/*Estilos css para el iframe de quironsalud*/
body.popupBody.carpetapaciente.quironIframe{
	padding-top: 0;
	background-color: #F6F6F6;
}

.quironIframe div.pageFormMain{
	padding: 0;
	border: 0;
}

.quironIframe.carpetapaciente div.pageForm {
	margin: 0 auto;
	max-width: 100%;
}

.quironIframe.carpetapaciente h2.formHead{
	float: none;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 0;
	margin: 0;
	font-size: 1.7em;
	color: #fff;
}

.quironIframe.carpetapaciente .boxFormHead {
	background-color: #FF3C53;
	margin: 0;
	padding: 10px 15px;
}

.quironIframe.carpetapaciente .boxFormHead h2 a{
	color: #fff;
}

.quironIframe.carpetapaciente .boxSection{
	text-align:left;
	background-color: #f6f6f6;
	margin: 0;
	padding: 20px;
}

.quironIframe.carpetapaciente div.pageForm .boxSection .buttonZone {
	width: 100%;
	text-align: right;
	margin-top: 0;
}

.quironIframe.carpetapaciente .buttonZone button, .quironIframe.carpetapaciente .boxSectionButton .buttonZone .cmTypeSubmit {
	background-color: #ff3c54;
	height: 29px;
	border: 0;
	color: #fff;
	padding: 3px 15px 7px 15px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
	font-size: 1em;
	font-weight: normal;
}

.quironIframe.carpetapaciente .buttonZone button:hover, 
.quironIframe.carpetapaciente .boxSectionButton .buttonZone .cmTypeSubmit:hover {
	background-color: #ED394F;
}

.quironIframe.carpetapaciente div.pageForm .boxForm .loginTextContainerLink .loginTextButton {
	float: none;
	margin-bottom: 1em;
	text-align: left;
}

.quironIframe.carpetapaciente .loginTextContainerLink .loginTextButton a {
	display: block;
	height: auto;
	line-height: 1em;
	padding: 0;
	font-weight: normal;
	margin-right: .6em;
	background: transparent;
	color: #333;
	text-decoration: underline;
	font-style:italic;
	font-size: 0.9em;
}

.quironIframe.carpetapaciente .loginField input:not([type="checkbox"]):not([type="radio"]){
	width: 90%;
	margin-bottom: 15px;
	padding: 8px 10px;
	border-radius: 3px;
	color: #9B9B9B;
	border: 1px solid #ccc;
	font-size: 1.1em;
}

.quironIframe.carpetapaciente .loginField  {
	position: relative;
	margin-bottom: 0 !important;
	width: 100%;
}

.quironIframe.carpetapaciente .loginField label {
	position: absolute;
	top: 9px;
	left: 16px;
	color: #9B9B9B;
}

.quironIframe.carpetapaciente a.logOut {
	display: inline;
	background: #FF3C53;
	color: #fff;
	padding: 0.5em 1em;
	width: auto;
	font-size: 1em;
}

.quironIframe.carpetapaciente a.logOut:hover {
	background:#ED394F;
}

.quironIframe.carpetapaciente .text-right{
	text-align:right;
}

/*Formulario infoUCI*/
.infoUCI .boxComponent.contentNormal .loginField label{
	width: auto;
	margin-right: 15px;
	font-weight: normal;
	float:none;
	padding-bottom: 0.3em;
}

.infoUCI .boxField {
	margin-bottom: 0;
}

.infoUCI .boxComponent {
	background: #e8f6f8;
}

.infoUCI .buttonZone button, 
.infoUCI .boxSectionButton .buttonZone .cmTypeSubmit {
	background-color: #00abd0;
	color: #fff;
	height: 25px;
	line-height: 25px;
}

.infoUCI .buttonZone button:hover, 
.infoUCI .boxSectionButton .buttonZone .cmTypeSubmit:hover {
	background-color: #029bbc;
}

.infoUCI .cmContactMailButton.cmTypeReset:hover, 
.infoUCI .cmSearchButton.cmTypeReset:hover {
	background: #c0c0c0 !important;
}

.infoUCI .cmContactMailButton.cmTypeReset:hover, 
.infoUCI .cmSearchButton.cmTypeReset:hover {
	background: #b0b0b0 !important;
}

.infoUCI .boxSectionForm {
	margin: 0;
}

.infoUCI .boxSectionForm .loginField {
	color: #003d5f;
}

.infoUCI .boxFieldTitle {
	color: #003d5f;
	font-size: 2em;
	font-weight: normal;
	border-bottom: 1px solid #003d5f;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
}

.infoUCI .boxSectionForm .loginField{
	width: 50%;
	float:left;
}

.infoUCI.infoUCIResult .boxSectionForm .loginField{
	width: 100%;
	float:none;
}

.infoUCI .boxFieldDescription{
	color: #003d5f;
	margin-bottom:10px;
}

.infoUCI .appointmentDesc{
	color: #003d5f;
}

/*Formulario infoUCI quironsalud*/
.quironsalud .infoUCI .boxFieldTitle {
	color: #000;
	font-size: 1.7em;
	font-weight: normal;
	border-bottom: 1px solid #4b4f54;
	padding-bottom: 0.2em;
	margin-bottom: 1em;
	font-family: "Exo",Verdana,sans-serif;
}

.quironsalud .infoUCI .boxComponent {
	background: #cee8e7;
}

.quironsalud .infoUCI .buttonZone button, 
.quironsalud .infoUCI .boxSectionButton .buttonZone .cmTypeSubmit {
	background-color: #008488;
	color: #fff;
	height: 25px;
	line-height: 25px;
}

.quironsalud .infoUCI .buttonZone button:hover, 
.quironsalud .infoUCI .boxSectionButton .buttonZone .cmTypeSubmit:hover {
	background-color: #018982;
}

.quironsalud .infoUCI .boxSectionForm .loginField,
.quironsalud .infoUCI .boxComponent.contentNormal .loginField label {
	color: #000;
	font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;
	font-size: 14px;
}

.quironsalud .infoUCI .boxComponent.contentNormal .loginField label {
	width: 12em;
}

.quironsalud .infoUCI .boxFieldDescription,
.quironsalud .infoUCI .appointmentDesc{
	color: #000;
	font-family: Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;
	font-size: 14px;
}

.personal .notification-parent,
.tusDocumentos a .notification-child {
    background-color:  #A01D2D;
    border-radius: 50%;
    position: absolute;
}

.tusDocumentos a .notification-child {
    height: 14px;
    width: 14px!important;
    top: 40px;
    left: 170px;
}

.personal .notification-parent {
    height: 8px;
    width: 8px!important;
    top: 12px;
    left: -10px;
}

@media screen and (max-width: 425px) {
    .tusDocumentos a .notification-child,
    .personal .notification-parent {
        height: 16px;
        width: 16px!important;
    }

    .tusDocumentos a .notification-child {
        top: -8px;
        right: -8px;
        left: auto;
    }

    .personal .notification-parent {
        top: 15px;
        right: 15px;
        left: auto;
    }
}