@import url("fonts.css");


#btnIniciarSesion{
	color:#FFF;
	background:#000;
	height: 50px;
	width: 270px;
	margin-left: 180px;
}

#pCartilla{
	color: blue;
	font: bold 300% sans-serif; 
	text-align: center;
}

#pEspecialidad{
	font: 200% sans-serif; 
	margin-left: 150px;
	background: white;
}

#pCercania{
	font: 200% sans-serif; 
	margin-left: 150px;
	background: white;
}

#footer{
	color:red;
	text-align:center;
	margin-top: 100px;
}




body{
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	color:#444444;
}
*{
	margin:0px;
	padding:0px;
}

h1{
	font-weight: 900;
	font-family: 'Raleway', sans-serif;
	font-size:54px;
	
}
h2{
	font-weight: 700;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
	color:#222222;
}
h3{
	text-transform:uppercase;
	font-weight: 300;
	font-size:32px;
	font-family: 'Raleway', sans-serif;
}


.page-header h3{
	text-transform:uppercase;
	font-weight: 800;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
}

h4{
	
	font-weight: 600;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
}
h5{
	font-weight:700;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
}
h6{ 
	font-weight: 800;
	font-size:13px;
	font-family: 'Raleway', sans-serif;
}
p{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	font-size:15px;
	line-height: 20px;
	padding-top: 20px;
}

a{
	text-decoration:none;
	
}

.lighter{font-weight: 500;}

li{
	list-style:none;
}
a .img{
	border:none;

}
a{transition: background-color 0.5s ease; color: #444;}
a:hover {transition: background-color 0.5s ease; opacity: 0.9; }
img{ width:100%; }

.block-link{

display: block;
}

.block-link:hover{
border-right: 2px solid #65cea7;
display: block;
color: #000;
}


.hc-header{
height: 150px;
padding: 15px;
border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
margin-bottom: 10px;
}

.hc-header-peque{
height: 80px;
padding: 15px;
border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
margin-bottom: 10px;
}

.filter-option{
margin: 20px 15px;

font-size: 13px;
}


/*..... TOP BAR ......*/

.top-bar{ background:#65CEA7;}
.top-bar span{ font-weight:600;	font-size:12px;	font-family: 'Raleway', sans-serif; color:#fff;   margin: 14px 0 0 0;  float: left;}
.top-bar .top-bar-buttons{ float:right;}
.top-bar .top-bar-buttons ul{ float:left;}
.top-bar .top-bar-buttons li{ float:left; border-left: solid 1px #fff;  font-size: 14px; }
.top-bar .top-bar-buttons li i.icon-phone4{  margin: 1px 5px 0 0;  float: left;  font-size: 20px;}
.top-bar .top-bar-buttons li i.icon-mail {  float: left;  font-size: 20px;  margin: 1px 7px 0 0;}
.top-bar .top-bar-buttons li:last-child{ border-right: none; }
.top-bar .social-icons li:last-child{ border-right: solid 1px #fff; }
.top-bar .top-bar-buttons li a{   color: #fff;  padding: 13px 14px;  float: left;}
.top-bar .top-bar-buttons li i{ font-size:18px;}
.top-bar .top-bar-buttons .social-icons { float:left;}
.top-bar .top-bar-buttons .social-icons li a{ padding:15px 10px;}
.top-bar .top-bar-buttons .social-icons li a.fb:hover{ background:#5c85ce;}
.top-bar .top-bar-buttons .social-icons li a.tw:hover{ background:#02c0f2;}
.top-bar .top-bar-buttons .social-icons li a.gp:hover{ background:#eb6850;}
.top-bar .top-bar-buttons .social-icons li:last-child a:hover{ color:#fff;}



/*..... MENU ......*/
.line-menu{ border-bottom: 1px solid #e2e2e2; padding-top: 5px;}

/*..... HEADER ......*/

.header{  padding: 28px 0; min-height: 98px; box-shadow: 0px 0px 5px 1px rgba(0,0,0,.09)}
.logo  {  margin: 50px 0px 0px 0px; line-height: 62px;}
.logo img {  /*width: 297px;*/}
.header .nav{ float:right; margin:10px 0 0 0;}
.header .nav li{ float:left; padding: 11px 0;} 
.header .nav li a{ color:#434a5a; font-family: 'Raleway', sans-serif; font-size: 16px; padding:12px 24px !important; 
transition-duration: 0.6s;
transition-timing-function: ease;
transition-delay: 0.0s;  }


.item-select a{  padding:0px 24px;}
.header .nav li.item-select a{padding:0px 24px;}

.header .nav li a:hover{   color: #000; border-bottom: 3px solid #434a5a; border-top: 1px solid #65cea7; padding: 0px 0;;
transition-duration: 0.0s;
transition-timing-function: ease;
transition-delay: 0.0s; }

.header .nav li.item-select{ color: #434a5a!important; border-bottom: 3px solid #434a5a;}



.post-dest{ background-color: #434a5a!important; color: #fff; font-size: 16px;}

/*..... Noticias ......*/
.latest-news{ padding:40px 0; }
.latest-news .post{color: #444;}
.latest-news .post .detail{ background:#fff; border-bottom: 1px solid #e2e2e2; padding: 20px; position:relative;}

.latest-news .post .detail h4{ font-weight:400; margin:25px 0 0 0;}
.latest-news .post .detail p{ margin:4px 0 0 0;}
.latest-news .post .detail span{ color:#727272; font-size: 16px;  margin: 22px 0 0 0; }

.latest-news .post .detail a{color:#727272; display: block;}
.latest-news .post .detail a:hover{color:#000;}






/*..... FOOTER ......*/
.footer{ background:#434a5a; border-top:solid 6px #65CEA7;}



.main-footer{ padding:70px 0;}
.main-footer .useful-links{  float: left;}
.main-footer .title h5{   color: #fff;  text-transform: uppercase;  border-bottom: solid 1px #fff;  padding: 0 0 12px 0;  display: inline-block; 
  margin: 0px 0 -1px 0;  float: left;}
.main-footer .title{   border-bottom: solid 1px #999;  padding: 0 0 0 0;  float: left;  width: 100%;}
.main-footer .detail{ margin:38px 0 0 0; float:left;} 



.footer-bottom{ background:#373e4c;   padding: 24px 0;}
.footer-bottom .copyrights{ float:left; color:#fff; margin:3px 0px 0px 0px; font-size:12px;}
.footer-bottom .social-icons{ float:right;}
.footer-bottom .social-icons a{   color: #fff;  border: solid 1px #fff;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px;}
.footer-bottom .social-icons a.fb:hover{   background: #5c85ce;  border: solid 1px #5c85ce;  }
.footer-bottom .social-icons a.tw:hover{   background: #02c0f2;  border: solid 1px #02c0f2;  }

.content{
margin-bottom: 100px;

}

.content .title {
	/*margin: 60px 15px 15px 0px;
	padding: 0px 0px 30px 15px;
	border-bottom: 1px solid #65cea7;*/
	
}

.content .header-portal .title {
	
	color: #fff;
	margin-left: -4px;
	
}



.header-inst{
	margin: 0px;
	padding: 0px 0px 30px 15px;
		background-image: url("../images/img-12.jpg");
	background-position: center;
	background-color: #e2e2e2;
	/*border-top: 5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;*/
	height: 200px;
	overflow: hidden;
	
}

.header-news{
	margin: 0px;
	padding: 0px 0px 30px 15px;
		background-image: url("../images/internationalhealth.jpg");
	background-position: center;
	background-color: #e2e2e2;
	/*border-top: 5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;*/
	height: 200px;
	overflow: hidden;
	
}

.header-contact{
	margin: 0px;
	padding: 0px 0px 30px 15px;
		background-image: url("../images/contact.jpg");
	background-position: center;
	background-color: #e2e2e2;
	/*border-top: 5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;*/
	height: 200px;
	overflow: hidden;
	
}



.header-cartilla{
	margin: 0px;
	padding: 0px 0px 30px 15px;
		background-image: url("../images/img-15.jpg");
	background-position: bottom;
	
	/*border-top: 5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;*/
	height: 200px;
	overflow: hidden;
	
}




.header-portal{
	margin: 0px;
	padding: 0px 0px 30px 15px;
	background-color: #65cea7;
	border-top: 5px solid #e2e2e2;
	border-bottom: 5px solid #e2e2e2;
	height: 120px;
	
}

.user-menu{
	
	background-color: #65CEA7;
	opacity: 0.95;
	
}

.user-menu li a {
	display: inline;
	
	
}



.user-menu li a:hover {
	background-color: transparent!important;
	text-decoration: underline;
	
	
	
}





.font-light {
	font-weight: 300;
}

.contact {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	padding: 0px;
}

.contact a{
	color: #fff;
	
}

.lh-35{
	line-height: 35px;
}

.info-contact{
	border-right: 1px solid #e2e2e2;
	
	height: 200px;
	padding-top: 25px;
}

.contact a:hover{
	color: #e2e2e2;
	
}

.footer-links {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	
	
}

.footer-links a{
	color: #fff;
	
}

.urgency-number {
	color: #fff;
	font-size: 30px;
	padding: 15px 10px;
	font-weight: 800;
	line-height: 25px;
}

.urgency {
	margin: 20px;
}


.bg-white{background-color: #fff;}
h4 a .white{color: #fff;}

.header-calendar{
padding-top: 0px!important;
padding-bottom: 4px!important;
margin-top: 0px!important;
margin-bottom: 0px!important;
border-top: 1px solid #e1e1e1;
}

.calendar-nav{
padding: 10px 15px 0px 15px;
}

.medic-color{
background-color: #fff!important;
border: 1px solid #65CEA7;
color: #666!important;
font-size: 12px;
}
.medic-color:hover{
background-color: #65CEA7!important;
border: 1px solid #65CEA7;
color: #fff!important;

}
.medic-color :active{
background-color: #65CEA7!important;
border: 1px solid #65CEA7!important;
color: #fff;

}




.btn-upload{
color: #333!important;
background-color: #fff!important;
border-color: #ccc!important;
	border-radius: 5px;

}

.fs-24 {
	font-size: 24px;

}

.lh-5{
	line-height: 5px;

}

.gray-icon{
color: #777;
}

.gray-icon:hover{
color: #222;
}

.fs-14 {
	font-size: 14px;
}
.fs-13 {
	font-size: 13px;
}
.fs-12 {
	font-size: 12px!important;
}
.fs-10 {
	font-size: 10px;
}

.h100{
	height: 100px;
}

.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.pr-10{padding-right: 10px;}
.pt-5{padding-top: 5px;}


.medic-bg{background-color: #c4ccde; border-bottom: 5px solid #e2e2e2; border-top: 5px solid #e2e2e2;}
.personal-bg{background-color: #d9edf7;; border-bottom: 5px solid #e2e2e2; border-top: 5px solid #e2e2e2;}
.medic-border{border-color: #434a5a!important;}
.medic-color-menu{color: #434a5a!important;}

table thead tr th {
	font-size: 13px;
}
table tbody tr td {
	font-size: 13px;
}

.uppercase{
	text-transform: uppercase;
}



td a i{
	color: #777;
}

td a:hover i{
	color: #65CEA7;
}

.green{
color: #fff!important;
background-color: #65CEA7!important;
border-color: #65CEA7!important;
}

.dashboard-btn{
color: #65CEA7!important;
background-color: #d9edf7;
border: 1px solid #d9edf7;
}

.dashboard-btn:hover{
color: #fff!important;
background-color: #434a5a;

}


.filter-100{
height: 35px;
width: 100%;
font-size: 14px;
}


.title {
	margin: 30px 0px; /*30 15*/
	font-size: 14px;
	color: #444;
	
}

a .title{
	color: #31708f;
	
}

a:hover .title{
	color: #fff;
	
}



section-title-icon{
	
	padding: 5px 20px;
	border-radius: 5px;
	font-size: 16px;
	color: #fff;
	
	
}


.lh-18{
	
	line-height: 18px;
	
}


.m-30{
margin: 30px 0px;
}


.sidebar-user{
	background-color: #fff;
	padding: 5px 10px;
	/*border-radius: 5px;*/
	font-size: 16px;
	color: #fff;
	border-right: 1px solid #65CEA7;	
	border-left: 1px solid #65CEA7;	
	margin-bottom: 100px;
	
}

.sidebar-user ul {
	
	padding: 0px 0px 30px 0px;
	
	
}

.sidebar-user ul li span{
	
	padding: 20px 10px;
	font-size: 16px;
	color: #65CEA7;
	font-weight: 700;
	
}

.sidebar-user ul li span a{
	
	
	font-size: 16px;
	color: #65CEA7;
	font-weight: 700;
	
}

.sidebar-user ul li a{
	
	font-size: 12px;
	color: #65CEA7;
	padding-left: 28px;
	
}

.sidebar-user ul li i{
	
	
	color: #65CEA7;
	
	
}

.sidebar-user ul li a:hover{
	
	color: #434a5a;
	
	
}


.sidebar-user ul li a .icon-link{
	
	
	padding-left: 0px;
	
}

.link-gray a{
color: #444!important;
}

.link-gray a:hover{
color: #65cea7;
}


.title-icon{
	
	
	padding-left: 20px;
	
}


.icon-home-btn{
font-size: 24px;
padding: 28px 15px;
	float: left;
}

.h-100{
height: 100px;
}

.h-200{
height: 200px;
}

.h-300{
height: 300px;
}

.h-500{
height: 500px;
}


.pr-0{
padding-right: 0px;
}





.title-icon a{
	
	
	padding-left: 2px!important;
	
}

.filter-title{
margin: 15px;
	font-size: 14px;

}

.divider{
width: 100%;
height: 1px;
background-color: #e2e2e2;
margin: 20px 0px;
}



.filter-search{

	/*height: 200px;*/
}

.filter-search-av{

	margin-top: 120px;
	margin-bottom: 30px;
	padding: 16px;
	border-top: 1px solid #e2e2e2;
	background-color: #e2e2e2;
	color: #444;
}

.filter-search-av a{

	color: #fff;
}



.tab-turnos{
padding: 20px 20px 20px 0px;
float: left;

}

.tab-turnos a{
color: #777;
margin-left: 18px;
border-bottom: 1px solid #777;

}

.tab-turnos active a{
color: #65cea7;

border-bottom: 1px solid #65cea7;

}



.gray{

color: #999;
}



.pl-15{
	
	
	padding-left: 15px!important;
}

.pl-40{
	
	
	padding-left: 40px!important;
}

.pl-0{
	
	
	padding-left: 0px!important;
}

.pt-0{
	
	
	padding-top: 0px!important;
}

.pb-0{
	
	
	padding-bottom: 0px!important;
}

.pr-0{
	
	
	padding-right: 0px!important;
}



.h-30{
	
	
	height: 30px!important;
}


.mt-5{
	
	
	margin-top: 5px;
}
.mt-10{
	
	
	margin-top: 10px;
}

.mt-20{
	
	
	margin-top: 20px;
}

.mt-30{
	
	
	margin-top: 30px;
}

.mt-50{
	
	
	margin-top: 50px;
}

.mb-2{	
	
	margin-bottom: 2px;
}

.mb-3{	
	
	margin-bottom: 3px;
}

.mb-20{
	
	
	margin-bottom: 20px;
}

.mb-30{
	
	
	margin-bottom: 30px;
}

.ml-15{
	
	
	margin-left: 15px;
}
.ml-20{
	
	
	margin-left: 20px;
}

.mr-10{
	
	
	margin-right: 10px;
}

.pd-15{padding: 15px;}
.pd-0{padding: 0px;}



/*  SETTINGS FOR BANNER CONTAINERS	*/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}


.to-left {
	float: left;
}






.mt-85 {
  margin-top: 85px;  
}

.color-tit {
	color: #444;	
	font-weight: 700 !important;
}
.color-tot {
	color: #FFF;	
	font-weight: 700 !important;
}


.modal-header {
    background-color: #65CEA7;
    color: #fff;
}


[ng-click],
[data-ng-click],
[x-ng-click] {
	cursor: pointer;
}

  
  .animate-repeat {
    line-height:40px;
    list-style:none;
    box-sizing:border-box;
    
  }

  .animate-repeat.ng-move,
  .animate-repeat.ng-enter,
  .animate-repeat.ng-leave {
    -webkit-transition:all linear 0.5s;
    transition:all linear 0.5s;
  }

  .animate-repeat.ng-leave.ng-leave-active,
  .animate-repeat.ng-move,
  .animate-repeat.ng-enter {
    opacity:0;
    max-height:0;
  }

  .animate-repeat.ng-leave,
  .animate-repeat.ng-move.ng-move-active,
  .animate-repeat.ng-enter.ng-enter-active {
    opacity:1;
    max-height:40px;
  }
  
  .action-finish{  
    font-weight: 800;
    color: #FFFFFF;	
  }
  .ptl-15{
	padding-top:15px;
	padding-left:15px;
  }
.input-group-addon{
   /* border:none!important; 
    background-color: #fff!important;*/
}

.obligatorio{
    
    font-size:11px !important; 
    padding-left: 10px !important; 
    background-color: #D9EDF7 !important;
    color: #999 !important;
}
.alerta{
    font-size:11px !important; 
    padding-left: 10px !important; 
    background-color: #a94442 !important;
    color: #fff !important;
}

.imput-group .imput-group-sm span.alerta{font-size: 11px; color:#666; position: absolute; top:0;}
/*.validate.ng-invalid{border: 1px solid #a94442 !important;}  */
  

/*para eliminar botones en imputs de tipo number*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.disabled {
    opacity: 0.7;
    pointer-events: none;
	cursor:default;
}


.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
}

.advice {
	color:red;
	font-weight:bold;
}

.bloc { display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; }
.bloc select { padding:10px; margin:-5px -20px -5px -5px; }

.center {
	text-align:center;
}

#myImg, #img01 {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1060; /* Sit on top */
    padding-top: 14px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content2 {
    margin: auto;
	margin-top:60px;
    display: block;
    /*width: 100%;
    max-width: 3000px;*/
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption, #title2 {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 3000px;
    text-align: center;
    color: #ccc;
    padding-bottom: 30px;
    height: 10px;
}

#caption{    
    padding-top: 1px;    
}


/* Add Animation - Zoom in the Modal */
.modal-content2, #caption, #title2 { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close2 {
    position: absolute;
    top: 1px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close2:hover,
.close2:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content2, .model-content {
        width: 100%;
    }
}

/* The Modal (background) */
.modal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1060; /* Sit on top */
    padding-top: 14px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */   
}

/* Modal Content (Image) */
.modal-content1 {
    margin: auto;
	margin-top:60px;
    display: block;
    width: 100%;
    max-width: 640px;
	background-color:#FFF;
}

.file-upload-indicator{
	display:none;
}

.kv-preview-data {
	height:160px;
	max-width:242px; 
}

.font-muygrande {
	font-size: 28px;
}

.font-grande {
	font-size: 25px;
}

.font-semigrande {
	font-size: 18px;
}

#sizing-addon1 a{
	cursor:pointer;
}

.greenn{
	color:#00ad03;
}
.redd{
	color:#ec0101;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #e0e0e0;
    border-color: #a9a2a2;
	color: #a9a2a2;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: default;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cursorp {
	cursor:pointer;
}

.conSaltos {
	white-space:pre-wrap ; 
	word-wrap:break-word;
}

td a{
	cursor:pointer;
}

select[disabled]{
    background-color: #eeeeee;
    opacity: 1;
}

.obligatorio2{
	font-size: 11px !important;
    padding-left: 10px !important;   
    color: #af586c !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.td-link {
cursor:pointer; 
color: #6083b9;
text-align: center;
}

.td-link:hover {
	font-size:20px;
	color: #65cea7;
}

.atendiendo {
	color:green;
	font-weight:bold;
}
.previa {
	color:#c77000;
	font-weight:bold;
}
.finalizado {
	color:red;
	font-weight:bold;
}