@charset "utf-8";
/* CSS Document */

body {
	max-width:1920px;
	width:100%;
	margin:0 auto;
	}

.logo {
	width:120px;
	height:40px;
	
	}
	
.alerta_1 {
	z-index:1050;
	}

/*ENCABEZADO PRINCIPAL*/
.header_wal {
	min-height:50px;
	clear:both;
	float:none;
	}
	
.header_wal a img {
	margin-top:-10px;
	}
	
.active_wal {
	background-color:#0096e2;
	}
	
.navbar-inverse .navbar-nav > .active_wal > a {	
	color:#fff;
	}
	
.nav > li > .btn_uno_wal {
  padding: 2px 8px;
  line-height: 30px;
  border: 1px solid #9d9d9d;
  border-radius: 3px;
  margin-top:8px;
  margin-right:5px;
  margin-left:5px;
  text-align:center;
	}
	
.nav > li > .btn_uno_wal:hover {
  border: 1px solid #fff;
	}
	
.herramientas_wal img {
	margin-top:-8px;
	}

.herramientas_wal {
  	float:right;
	width:25px;
	height:25px;
	}
	
/*Perfil profesional salud */



/*Video de presentacion*/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

        
@media (max-width: 800px) {
	
.herramientas_wal a img {
	float:right
	}
.herramientas_wal a {
	float:right
	}
	
.herramientas_wal {
	float:right
	}
}
	
	
#submenu {
    background-color: #0096e2;
}

#submenu ul li ul li a{	
	border-right:1px solid #30ADEC;
	color:#fff;
}

#submenu2 {
    background-color: #55BFF4;
}

#submenu2 ul li ul li a{	
	border-right:1px solid #0096e2;
	color:#fff;
}

.collapsing {
	display:none;
}

.collapsing2 {
	display:none;
}

.nav-justified .nav-justified:before {

}

a:active,
a:hover {
	color:#FF0004;
}

/*FIN ENCABEZADO PRINCIPAL*/

/*BARRA BUSQUEDA 1*/

.barra_lupa_1 {
	background-color:#565656;
	height:100px;
	color:#fff;
	padding-top:60px;
	text-align:right;
	position:fixed;
	width:100%;
	z-index:900;
	max-width:1920px;
	margin:0 auto;
	}
	
.lupa_head {
	float:right; 
	max-width:400px; 
	text-align:right; 
	margin-right:2.5%;
	}

	
/*FIN BARRA BUSQUEDA 1*/


/*FOOTER*/
.pie_wal {
	min-height:375px;
	color:#fff;
	background-color:#232323;
	clear:both;
	font-size:12px;
	border-top:1px solid #9d9d9d;
	overflow:hidden;
	}
	
.pie_1 ul li {
	width:14%;
	float:left;
	border:1px solid #979797;
	text-align:center;
	padding:10px;
	color:#9d9d9d;
	min-width:140px;
	}
	
.pie_1 ul li:hover {
	color:#fff;
	}

.pie_1 ul {
	list-style:none;
	width:100%;
	margin:0;
	padding-left:0;
	padding-right:0;
	overflow:hidden;
	}

.pie_1 {
	padding-left:0;
	padding-right:0;
	width:100%;
	max-width:1145px;
	}

.linea {
	height:1px;
	width:100%;
	background-color:#9d9d9d;
	margin-top:-1px;
	}
	
.linea2 {
	height:1px;
	width:100%;
	background-color:#9d9d9d;
	}

.linea4 {
	height:1px;
	width:80%;
	background-color:#9d9d9d;
	margin:0 auto;
	}
	
.pie_2 ul li {
	width:100%;
	min-width:235px;
	float:left;
	border:1px solid #979797;
	border-radius:3px;
	text-align:center;
	padding:10px;
	color:#9d9d9d;
	margin:0 0px;
	}
	
.pie_2 ul li:hover {
	color:#fff;
	}

.pie_2 ul {
	list-style:none;
	max-width:490px;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
	margin-top:50px;
	overflow:hidden;
	margin-bottom:50px;
	}

.pie_2 {
	padding-left:0;
	padding-right:0;
	width:100%;
	max-width:1145px;
	}
	
.derechos {
	text-align:center;
	padding:20px 10px;
	color:#9d9d9d;
	}
	
.pie_3 ul li {
	width:30%;
	float:left;
	text-align:center;
	}


.pie_3 ul {
	list-style:none;
	max-width:300px;
	margin:0 auto;
	padding-left:0;
	padding-right:0;
	margin-top:20px;
	overflow:hidden;
	margin-bottom:70px;
	}
	
@media (min-width: 500px) and (max-width: 900px) { 
.pie_1 ul li {
	width:33.33333333333333%;
	}

}

@media (max-width: 499px) { 
.pie_1 ul li {
	width:50%;
	}
}

@media (max-width:700px) { 
.pie_2 ul li {
	width:90%;
	float:none;	
	margin:0 5%;
	}

.pie_3 ul li {
	width:33.333%;
	min-width:70px;
	float:left;
	text-align:center;
	}	
	
}

/* Citas profesional */
.formulario_buscar {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-flex-wrap: wrap;   /* Safari 6.1+ */
    -ms-flex-wrap: wrap;       /* IE 10 */
    flex-wrap: wrap;           /* Spec */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    -ms-flex-direction: column;     /* IE 10 */
    flex-direction: column;         /* Spec */
}
	
/*FIN FOOTER*/

/*SECCIONES PRINCIPALES*/

.contenido {
	clear:both;
	}
	
.principal_left {
	width:20%;
	float:left;
	background-color:#00B3FF;
	height:800px;
	}

.principal_center {
	width:60%;
	float:left;
	background-color:#c6c6c6;
	height:800px;
	}
	
.principal_right {
	width:20%;
	float:right;
	background-color:#0256B9;
	height:800px;
	}

/*FIN SECCIONES PRINCIPALES*/

/*Prepagadas select menu*/

.select_menu {
    padding-top: 150px;
    padding-bottom: 150px;
}

/*Fin select menu*/

/*INDEX*/

.index_01 {
	background-image:url(../resources/img/index/fondo_01.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:12%;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:center;
	padding-bottom:13%;
	width:100%;
	
/*	-webkit-animation-duration: 45s;
  	-webkit-animation-name: slidein;
	-webkit-animation-iteration-count: infinite;
	-webkit-transition:all 1s;
	
	-moz-animation-duration: 45s;
  	-moz-animation-name: slidein;
	-moz-animation-iteration-count: infinite;
	-moz-transition:all 1s;
	
	animation-duration: 45s;
  	animation-name: slidein;
	animation-iteration-count: infinite;
	transition:all 1s;*/
	}





/*@-webkit-keyframes slidein {		
		0%{background-image:url(../img/index/06.jpg);}
		12%{background-image:url(../img/index/06.jpg);}
		14%{background-image:url(../img/index/02.jpg);}
		26%{background-image:url(../img/index/02.jpg);}
        28%{background-image:url(../img/index/03.jpg);}
		40%{background-image:url(../img/index/03.jpg);}
		42%{background-image:url(../img/index/04.jpg);}
		54%{background-image:url(../img/index/04.jpg);}
        56%{background-image:url(../img/index/05.jpg);}
		68%{background-image:url(../img/index/05.jpg);}
		70%{background-image:url(../img/index/01.jpg);}
		82%{background-image:url(../img/index/01.jpg);}
		84%{background-image:url(../img/index/07.jpg);}
		98%{background-image:url(../img/index/07.jpg);}
		100%{background-image:url(../img/index/06.jpg);}
}

@-moz-keyframes slidein {
		0%{background-image:url(../img/index/06.jpg);}
		12%{background-image:url(../img/index/06.jpg);}
		14%{background-image:url(../img/index/02.jpg);}
		26%{background-image:url(../img/index/02.jpg);}
        28%{background-image:url(../img/index/03.jpg);}
		40%{background-image:url(../img/index/03.jpg);}
		42%{background-image:url(../img/index/04.jpg);}
		54%{background-image:url(../img/index/04.jpg);}
        56%{background-image:url(../img/index/05.jpg);}
		68%{background-image:url(../img/index/05.jpg);}
		70%{background-image:url(../img/index/01.jpg);}
		82%{background-image:url(../img/index/01.jpg);}
		84%{background-image:url(../img/index/07.jpg);}
		98%{background-image:url(../img/index/07.jpg);}
		100%{background-image:url(../img/index/06.jpg);}
}

@keyframes slidein {	
		0%{background-image:url(../img/index/06.jpg);}
		12%{background-image:url(../img/index/06.jpg);}
		14%{background-image:url(../img/index/02.jpg);}
		26%{background-image:url(../img/index/02.jpg);}
        28%{background-image:url(../img/index/03.jpg);}
		40%{background-image:url(../img/index/03.jpg);}
		42%{background-image:url(../img/index/04.jpg);}
		54%{background-image:url(../img/index/04.jpg);}
        56%{background-image:url(../img/index/05.jpg);}
		68%{background-image:url(../img/index/05.jpg);}
		70%{background-image:url(../img/index/01.jpg);}
		82%{background-image:url(../img/index/01.jpg);}
		84%{background-image:url(../img/index/07.jpg);}
		98%{background-image:url(../img/index/07.jpg);}
		100%{background-image:url(../img/index/06.jpg);}
}*/

	
.index_01 h4 {	
	font-size:19px;
	font-weight:300;
	text-shadow: 1px 1px 1px rgba(65,65,65,0.5);	
	margin-top:20px;
	}

@media (max-width: 900px) {
	
.index_01 {
	background-position:center center;
	padding-top:100px;
	padding-bottom:13%;
	width:100%;
	min-height:450px;
	
	}
	
.index_01 h4 {	
	font-size:17px;
	font-weight:400;
	text-shadow: 1px 1px 1px rgba(65,65,65,0.5);	
	margin-top:20px;
	}
	
		
	}
	
	
	
		
.lupa_head_index {
	max-width:550px;
	width:90%; 
	text-align:right;
	margin:0 auto;
	}
	
.boton_01 {
	padding:10px;
	background-color:#2980b9;
	border-radius:5px;
	border:1px solid #fff;
	font-size:14px;
	max-width:270px;
	margin:0 auto;
	transition:all 0.3s;
	}

.boton_01:hover {
	background-color:#3498db;
	}

a .boton_01 {
	color:#fff;
	}
	
a .boton_01:hover {
	color:#fff;
	}
	
	
.boton_01 img {
	float:left;
	margin-left:3%;
	}
	
a:hover{
	text-decoration:none;
	}


a{text-decoration:none;}

.index_02 {
	text-align:center;
	padding-bottom:50px;
	padding-top:50px;
	}
	
.boton_02 {
	padding:10px;
	background-color:#79888c;
	border-radius:5px;
	border:1px solid #3a3a3a;
	font-size:14px;
	max-width:270px;
	margin:0 auto;
	transition:all 0.3s;
	}

.boton_02:hover {
	background-color:#3a3a3a;
	}

a .boton_02 {
	color:#fff;
	}
	
a .boton_02:hover {
	color:#fff;
	}
	
.profesionales_01 ul {
	list-style:none;
	width:100%;
        padding: 0;
	}
	
.profesionales_01 ul li {
	list-style:none;
	float:left;
	width:25%;
	}
	
.perfil_prof_01 {
	text-align:center;
	}	
	
.perfil_prof_01 img {
	border:1px solid #3a3a3a;
        width:100%;
	height:auto;
	position:relative;
	}
	
.perfil_prof_02 {
	border:1px solid #3a3a3a;
	margin-top:-1px;
	padding-top:15px;
	padding-bottom:15px;
	background-color:#fff;
	}
	
.perfil_prof_03 {
	border:1px solid #3a3a3a;
	margin-top:-1px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	background-color:#79888c;
	transition:all 0.1s;
	}
	
.perfil_prof_03:hover {
	background-color:#3a3a3a;
	}
	
.perfil_prof_03 ul li {
	background-image:url(../resources/img/iconos/estrella_inactiva.svg);
	height:30px;
	width:30px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.3s;
	}
	
.perfil_profa_03 ul li:hover {
	background-image:url(../resources/img/iconos/estrella_activa.svg);
	}

.perfil_prof_03 ul {
	width:150px;
	margin:5px auto;
	overflow:hidden;
	padding:0;
	}
	
ul li .estrella_activa {
	background-image:url(../resources/img/iconos/estrella_activa.svg);
	}
        
        .btn-appointment {
 	margin: 0px 5px 10px 5px;
 	width: 70px;
 	font-size: 14px;
 }
 
 .selector-appoinments {
    width: 200px;
    margin: auto;
 }
 

 .btn-appointment {
 	margin: 0px 0px 5px 0px;
 }

 .btn-appointment-unavailable {
 	margin: 0px 5px 10px 5px;
 	width: 70px;
 	font-size: 14px;
 }

 .btn-circle {
     width: 30px;
     height: 30px;
     padding: 6px 0px;
     border-radius: 15px;
     text-align: center;
     font-size: 12px;
     line-height: 1.42857;
 }

 .btn-vertical-group {
 	display: flex;
  	flex-wrap: wrap;
  	border-right: 1px dashed rgb(0 0 0 / 35%);
  	border-left: 1px dashed rgb(0 0 0 / 35%);
  	align-items: center;
  	justify-content: center;
 }

 .btn-vertical-group-container {
 	
 }

 .appointment-day {
 	margin: 0px 5px 10px 5px;
 	width: 70px;
 }

 .col-small-but {
 	width: 50px;
 }

 .align-cont-center {
 	justify-content: flex-start;
 	text-align: center;
 }

.align-cont-left {
 	-webkit-box-pack: start;
 	    -ms-flex-pack: start;
 	        justify-content: flex-start;
 }

.align-cont-right {
 	-webkit-box-pack: end;
 	    -ms-flex-pack: end;
 	        justify-content: flex-end;
 }

 .appointments-container {
 	max-width: 585px;
 	margin: auto;
 }

 .appointments-day-col {
 	text-align: center;
 }
 
 .appointments-height-small {
    height: 250px;
    overflow: auto;
 }

.appointments-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.appointments-column {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
	-ms-flex-preferred-size: 0;
	    flex-basis: 0;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	padding: 0.75rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
 }
 
  .appointments-column-horizontal {
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
	-ms-flex-preferred-size: 0;
	    flex-basis: 0;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
	padding: 0.75rem;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
 }
 
 .popup_column {
    display: flex;
    flex-direction: column;
 }
 
 .popup_column_btn {
     margin: 10px auto 10px auto;
 }
 
 .popup_column_btn_secondary {
     margin: 100px auto 10px auto;
 }

 .appointments-column-small {
 	max-width: 10%;
 }
 
 .normal_label {
    font-weight: 400;
 }
 
 .selectOneMenu_label {
    text-align: center;
 }
	
@media (min-width: 500px) and (max-width: 750px) { 

.profesionales_01 ul {
	padding-left:0;
	}
.profesionales_01 ul li {
	list-style:none;
	float:left;
	width:50%;
	margin:0 auto;
	}
	
.perfil_prof_03 ul {
	width:150px;
	}
	
.perfil_prof_03 ul li {
	height:30px;
	width:30px;
	}
}

@media (max-width: 499px) { 

.profesionales_01 ul {
	padding-left:0;
	margin:0 auto;
	
	}

	
.profesionales_01 ul li {
	list-style:none;
	float:none;
	width:80%;
	margin:0 auto;
	
	}
	
.perfil_prof_03 ul {
	width:150px;
	margin:0 auto;
	
	}
	
.perfil_prof_03 ul li {
	height:30px;
	width:30px;
	}
}



.index_03 {
	text-align:center;
	}

.index_03 ul {
	overflow:hidden;
	background-color:#707070;
	width:100%;
	list-style:none;
	padding:0;
	}
	
.index_03 ul li {
	width:50%;
	float:left;
	border:1px solid #E0E0E0;
	}
	
ul li .new_index_100 {
	width:100%;
	float:none;
	clear:both;
	min-height:179px;
	
	}
	
.new_index_50 {	
	min-height:360px;	
	}
	
.new_index_50 ul li {	
	min-height:179px;	
	}

@media (max-width: 1100px) { 

.index_03 ul li {
	width:100%;
	}
	
.new_index_50 {	
	min-height:179px;	
	}

}

.index_04 {
	text-align:center;
	overflow:hidden;
	}

.index_04 ul {
	list-style:none;
	}
	
.plan_01 ul {
	list-style:none;
	max-width:700px;
	margin:0 auto;
	}
	
.plan_01 ul li {
	list-style:none;
	width:250px;
	float:left;
	margin:0 25px;
	}
	
@media (max-width: 700px) { 
.plan_01 ul li {
	margin-bottom:15px;
	margin:0 auto;
	float:none;
	}
	
.plan_01 ul {
	max-width:250px;
	padding-left:0;
	margin:0 auto;
	}
	
}
	
.plan_01 ul li div {
	border:1px solid #3a3a3a;
	margin-top:-1px;
	}
	
.plan_02 {
	width:250px;
	margin:0 auto;
	padding-left:30px;
	padding-top:20px;
	min-height:230px;
	background-color:#fff;
	
	}	

.plan_03 {
	overflow:hidden;
	padding:15px 0 25px 0;
	background-color:#79888c;
	}
	
.plan_03 ul {
	margin:0 auto;	
	padding-left:0;
	}
	
.plan_03 ul li {	
	margin:0 auto;
	padding-left:0;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	}
	
.txt_left {
	text-align:left;
	}
	
.plan_titu_01 {
	padding-top:15px;
	padding-bottom:15px;
	background-color:#79888c;
	color:#fff;
	}
        
.plan_titu_01_sel_sms {
	padding-top:15px;
	padding-bottom:15px;
	background-color:#79888c;
	
	}        
	
.plan_titu_02 {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#fff;
	}
	
.boton_radio_01 a {
	border-radius:5px;
	border:1px solid #fff;
	width:100px;
	padding:7px 10px;
	color:#fff;
	transition:all 0.2s;
	}
	
.boton_radio_01 a:hover {
	background-color:#fff;
	color:#79888c;
	}
	
.fondo_01 {
	background-color:#2980b6;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_01:hover {
	background-size:120%;
	}
	
.fondo_02 {
	background-color:#2c3e50;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_02:hover {
	background-size:120%;
	}
	
.fondo_03 {
	background-color:#eec10f;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_03:hover {
	background-size:120%;
	}
	
.fondo_04 {
	background-color:#169d82;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_04:hover {
	background-size:120%;
	}
	
.fondo_05 {
	background-color:#169d82;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_05:hover {
	background-size:120%;
	}
	
.fondo_06 {
	background-color:#e74c3c;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_06:hover {
	background-size:120%;
	}
	
.fondo_07 {
	background-color:#27ae60;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_07:hover {
	background-size:120%;
	}
	
.fondo_08 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_08:hover {
	background-size:120%;
	}
	
		
.fondo_09 {
	background-color:#2c3e50;
	transition:all 0.3s;
	cursor:pointer;
	}
	
.fondo_09:hover {
	background-size:120%;
	}
	
.fondo_01, .fondo_02, .fondo_03, .fondo_04, .fondo_05, .fondo_06, .fondo_07, .fondo_08, .fondo_09 {
	text-align:left;
	color:#fff;
	padding:3% 5%;
	font-size:14px;
	}
	
.fondo_02, .fondo_04, .fondo_06, .fondo_08 {
	background-image:url(../resources/img/fondo_prueba2.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:100% auto;
	}
	
.fondo_01, .fondo_03, .fondo_05, .fondo_07, .fondo_09 {
	background-image:url(../resources/img/fondo_prueba.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:100% auto;
	}
/*FIN INDEX*/



/*PACIENTE INICIO DE SESION*/

.contenido_x2 {
	margin:0;
	padding:0;
	background-image:url(../resources/img/fondo_prueba.jpg);
	overflow:hidden;
	background-size:cover;
	/*background-position:center;*/
	background-repeat:no-repeat;
	
	}
	
.contenido_x2 ul {
	list-style:none;
	padding:0;
	margin:0;
	}
	
.contenido_x2 ul li {
	float:left;
	}
	
.profesionales_01_der {
	width:100%;
	}
	
.profesionales_01_der ul {
	list-style:none;
	}

	
.perfil_prof_01 ul li {
	float:left;
	}
	
.perfil_prof_01 {
	width:100%;
	}

.recomendado_prof {
	display:none;
	border-radius:17px;
	width:34px;
	background-color:#3498db;
	height:34px;
	position: absolute;
	top:5px;
	right:5px;
	color:#fff;
	text-align:center;
	line-height:34px;
	border:1px solid #fff;
	}
	
.display_stars {
	/*display:none;*/
	margin-top:-143px;
	position:absolute;
	z-index:899;
	width:100%;
	overflow:hidden;
	}
	
.display_stars ul {
	margin:0 auto;

	}

	
.prof_pubicidad {
	float:right;
	position: relative;
	width:15%;
	margin-top:99px;
	}
		
.contenido_izq {
	width:85%;
	float:left;
	}
	
	
.formulario_ingreso label {
    display:block;
    letter-spacing:1px;
	overflow:hidden;
}

.formulario_ingreso input {
    width:100%;
    height:40px;
    /*background:#fff;
    border:1px solid #dcdada;*/
    padding:10px;
    margin-top:5px;
    /*color:#585858;*/
    float:left;
    font-size:15px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(91,91,91,0.3);
}

.form_wal {
	width:100%;
    height:40px;
    background:#fff;
    border:1px solid #dcdada;
    padding:10px;
    margin-top:5px;
    color:#585858;
	float:left;
	font-size:15px;
	border-radius: 5px;
	box-shadow: 0px 0px 2px rgba(91,91,91,0.3);
}

.form_wal option {
    color:#585858;
}

#usuario {
	width:100%;
	}
	
#contrasena {
	width:100%;
	}


.contenedor_sesion {
	max-width:370px;
	margin:0 auto;
	text-align:center;
	border-radius:10px;
	background-color:rgba(255,255,255,0.9);
	padding:20px 40px;
	margin-top:150px;
	margin-bottom:50px;
	}
	
.contenedor_sesion h4 {
	font-size:14px;
	}
	
.contenedor_sesion p {
	font-size:12px;
	}

.contenedor_sesion a {
	color:#474747;
	}

.contenedor_sesion a:hover {
	color:#000;
	}
	
.contenedor_sesion_2 {
	max-width:auto;
	margin:0 auto;
	text-align:center;
	border-radius:10px;
	background-color:rgba(255,255,255,0.9);
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.contenedor_sesion_2 h4 {
	font-size:14px;
	}
	
.contenedor_sesion_2 p {
	font-size:12px;
	}

.contenedor_sesion_2 a {
	color:#474747;
	}

.contenedor_sesion_2 a:hover {
	color:#000;
	}

.contenedor_sesion_3 {
	max-width:370px;
	margin:0 auto;
	text-align:center;
	border-radius:10px;
	background-color:rgba(255,255,255,0.9);
	/*padding:20px 40px;*/
	margin-top:10px;
	margin-bottom:10px;
	}
	
.contenedor_sesion_3 h4 {
	font-size:14px;
	}
	
.contenedor_sesion_3 p {
	font-size:12px;
	}

.contenedor_sesion_3 a {
	color:#474747;
	}

.contenedor_sesion_3 a:hover {
	color:#000;
	}
        
        
	
.ciento {
	width:100%;
	padding:10px;
	margin-top:15px;
	}
	
.linea3 {
	height:1px;
	width:100%;
	background-color:#9d9d9d;
	margin:15px auto;
	}
	
.titu_regi_prof {
	background-color:rgba(44, 62, 80,0.8);
	color:#fff;
	max-width:370px;
	margin:0 auto;
	text-align:center;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 0px solid #000000;
	padding:10px;
	margin-top:150px;
	margin-bottom:-150px;
	}
	
.sin_borde {
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 0px solid #000000;
}

.titu_sesion {
	padding-top:20px;
	clear:both;
	}
	
@media (max-width: 1100px) { 
.prof_pubicidad {
	float:none;
	position: relative;
	width:100%;
	clear:both;
	margin-top:150px;
	}

.prof_pubicidad div ul li {
	float:left;
	max-width:33.333333%;
	}		
.contenido_izq {
	width:100%;
	float:none;
	}
	
.display_stars {
	margin-top:0;
	position: relative;
	z-index:999;
	width:100%;
	overflow:hidden;
	}

}


@media (max-width: 1000px) {
.text_wal_size {
	font-size:13px;
	}
}
/*FIN PACIENTE INICIO DE SESION*/

/*AYUDA*/
.back_1 {
	background-color:#fff;
	background-image:none;
	}
	
.head_contenido {
	background-color:#8e44ad;
	width:100%;
	padding-top:100px;
	overflow:hidden;
	min-height:210px;
	}
	
	
.head_contenido_titu {
	padding-top:4.1%;
	padding-bottom:4%;
	color:#fff;
	text-align:center;
	font-size:14px;
	}
	

/*pestañas preguntas frecuentes y tutoriales*/	
.tabs_1 li.selected_1 a:link,.tabs_1 li.selected_1 a:active,.tabs_1 li.selected_1 a:visited,.tabs_1 li.selected_1 a:hover{ 
	color:#3b3b3b; 
	border-bottom: solid 1px #525252;
	}
	
.contenedor_pestañas_contenido {
	width:100%;
	z-index:17;
	clear:both;
	overflow:hidden;
	padding:0;
	margin:0;
	
	}
	
.contenedor_pestañas_contenido ul {
	list-style:none;
	width:100%;
	font-weight: normal;
	font-size:14px;
	position:relative;
	border: 1px solid #ABABAB;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	
	}
	
.contenedor_pestañas_contenido ul li {
	float:left;
	line-height:15px;
	height:44px;
	
	}
	
.contenedor_pestañas_contenido ul li a {
	margin-left:2px;
	text-align:center;
	border-radius: 5px 5px 0 0;
	color:#8e999e;
	text-decoration:none;
	

	}
	
	
.contenedor_pestañas_contenido ul li a div {
	text-align:center;
	}
	
	
.contenedor_pestañas_contenido ul li {
	width:50%;
	cursor:pointer;	
	box-shadow: 0 2px 2px rgba(160,160,160,1);	
	background-color:#F4F4F4;

}

.contenedor_pestañas_contenido ul.width_100 li {
	width:100%;
	cursor:pointer;	
	box-shadow: 0 2px 2px rgba(160,160,160,1);	
	background-color:#F4F4F4;

}

/*SUB pestañas preguntas frecuentes*/	

.pest_preguntas {
	overflow:hidden;
	width:100%;
	}
	
.pest_preguntas ul {
	overflow:hidden;
	width:100%;
	}
	
.pest_preguntas ul li {
	float:left;
	width:20%;
	min-width:150px;
	background-color:#fff;
	padding:10px;
	border: 1px solid #bdc3c7;
	text-align:center;
	color:#2A2A2A;
	overflow:hidden;
	margin-top:-1px;
	}
	
.pest_preguntas ul li a {
	color:#8e44ad;
	}
	
.tabs_preguntas li.selected_preguntas a:link,.tabs_preguntas li.selected_preguntas a:active,.tabs_preguntas li.selected_preguntas a:visited,.tabs_preguntas li.selected_preguntas a:hover{ 
	color:#8e44ad;
	text-decoration:none;
	background-color:#8e44ad;
	font-weight:bolder;
	}
	
@media (max-width: 800px) {
.pest_preguntas ul li {
	width:100%;
	padding:6px;
	}
}

/*SUB pestañas Tutoriales*/	

.pest_tutoriales {
	overflow:hidden;
	width:100%;
	}
	
.pest_tutoriales ul {
	overflow:hidden;
	width:100%;
	}
	
.pest_tutoriales ul li {
	float:left;
	width:33.3333333%;
	min-width:150px;
	background-color:#fff;
	padding:10px;
	border: 1px solid #bdc3c7;
	text-align:center;
	color:#2A2A2A;
	overflow:hidden;
	margin-top:-1px;
	}
	
.pest_tutoriales ul li a {
	color:#8e44ad;
	}
	
.tabs_tutoriales li.selected_tutoriales a:link,.tabs_tutoriales li.selected_tutoriales a:active,.tabs_tutoriales li.selected_tutoriales a:visited,.tabs_tutoriales li.selected_tutoriales a:hover{ 
	color:#8e44ad;
	text-decoration:none;
	background-color:#8e44ad;
	font-weight:bolder;
	}
	
	
.tres_pestañas ul li {
	width:33.33333%;
	}
	
@media (max-width: 600px) {
.pest_tutoriales ul li {
	width:100%;
	padding:6px;
	}
.tres_pestañas ul li {
	width:100%;
	}
}


/************** Videos *****************/
	  
	  /*  SECTIONS  */
  .section {
	  clear: both;
	  padding: 0px;
	  margin: 0px;
  }
  /*  COLUMN SETUP  */
  .col {
	  display: block;
	  float: left;
	  margin:0;
  }
  .col:first-child {
	  margin-left: 0;
  }
  /*  GROUPING  */
  .group:before,  .group:after {
	  content: "";
	  display: table;
  }
  .group:after {
	  clear: both;
  }
  .group {
	  zoom: 1; /* For IE 6/7 */
  }
  /*  GRID OF FOUR  */
  .span_4_of_4 {
	  width: 100%;
  }
  .span_3_of_4 {
	  width: 74.6%;
  }
  .span_2_of_4 {
	  width: 49.2%;
  }
  .span_1_of_4 {
	  width: 25%;
  }
  
  .contendor_recursos{
  	width: 100%;
  	padding:0;
  	min-height: 530px;
  	background: #fff;
  }

  .cuadro_recursos{
  	width: 100%;
  	min-height: 320px;
  	background: #fff;
  	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
  	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
  	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
  	text-align: center;
  	padding: 10px;
  	border: 1px #CCCCCC;
  	cursor: pointer;
  	-moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }

  .cuadro_recursos:hover{
  	padding: 15px;
  	/*background: #DBE3E8;*/
  }


  .title_recurso{
  	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #00B5FF;
	font-weight: 900;
  }

  .txt_caption{
  	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: 300;
  }
  
  iframe{
  	margin: 0;
  	padding: 0;
  }


  .img_prev_recursos{
  	width: 100%;
  	min-height: 200px;
  }

  .img_prev_recursos{
  	width: 100%;
  	min-height: 200px;
  	margin-bottom: 5px;
  }

  .img_prev_recursos img{
  	width: 100%;
  	/*min-height: 200px;*/
  	height: auto;
  }
  /***********  GO FULL WIDTH BELOW 768 PIXELS ***************/

  @media only screen and (max-width: 768px) {
  .col {
	  margin: 0;
  }
  .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 {
	  width: 100%;
  }
  .img_destacados {
	  width: 50%;
  }
 
  }



/*FIN AYUDA*/

/*CONTENIDO ADMINISTRADOR*/
.contenido_x1 {
	margin-top:55px;
	border-left:1px solid #95a5a6;
	border-right:1px solid #95a5a6;
	overflow:hidden;
	padding:0;
	
	}
	
.doble_text, .doble_text2 {
	font-size:13px;
	margin-top:-4px;
	margin-bottom:-8px;
	 }
	 
.doble_text a {
	text-align:center;
	max-width:140px;
	 }
	 
.doble_text3 {
	text-align:center;
	max-width:120px;
	font-size:13px;
	margin-bottom:-8px;
	margin-top:-4px;
	}
	
.doble_text4 {
	text-align:center;
	max-width:100px;
	font-size:13px;
	margin-bottom:-8px;
	margin-top:-4px;
	}
	
li a.doble_text3 {
	line-height:16px;
	}
	
li a.doble_text4 {
	line-height:16px;
	}
	 
li.doble_text a, li.doble_text2 a {
	line-height:16px;
	 }

.doble_text2 a {	
	text-align:center;
	max-width:110px;
	 }
	 
@media (max-width: 767px) {
.doble_text2 a {	
	text-align: left;
	max-width:100%;
	 }
	 
.doble_text a {
	text-align: left;
	max-width:100%;
	 }
	 
.doble_text3 {
	text-align: left;
	max-width:100%;
	}
	
.doble_text4 {
	text-align: left;
	max-width:100%;
	}
	
}

li.usuario_color a.dropdown-toggle {
	color:#27ae60;
}


/*Tablas*/
.tabla_1 {
	width:100%;
	max-width:750px;
	margin:0 auto;
	overflow:hidden;
	color:#535353;
	padding:0 10px;
	}
	
.tabla_1 ul {
	list-style:none;
	padding:0;
	}
	
.tabla_1 ul li {
	list-style:none;
	float:left;
	width:50%;
	padding:10px 15px;
	border:1px solid #535353;
	margin-top:-1px;
	margin-right:-1px;
	min-height:46px;
	background-color:#fff;
	}

ul li.titu_tabla_1 {
	text-align:center;
	width:100%;
	float:none;
	clear:both;
	color:#fff;
	background-color:#535353;
	}
	
ul li.titu2_tabla_1 {
	text-align:center;
	width:100%;
	float:none;
	clear:both;
	background-color:#ecf0f1;
	margin-top:0;
	}
	
ul li.titu3_tabla_1 {
	text-align:left;
	width:100%;
	float:none;
	clear:both;
	background-color:#fff;
	margin-top:0;
	}
	
ul li.celda_1 {
	background-color:#E1E1E1;
	}
	
.tabla_1 ul li.celda_1_input {
	padding:3px;
	}
	
.tabla_1 ul li.celda_1_button {
	padding:3px;
	}
	
.tabla_1 ul li.celda_1_button input {
	width:100%;
	border:solid 1px #95a5a6;
	}
	
.tabla_1 ul li.celda_2_input {
	padding:3px;
	width:100%;
	}
		
.tabla_1 ul li.boton_1 {
	padding:0;
	text-align:center;
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	}
	
.tabla_1 ul li.boton_1 input {
	width:100%;
	min-height:46px;
	border:none;
	border-radius:0;
	}



@media (max-width: 767px) {
.tabla_1 ul li {
	float:none;
	width:100%;
	padding:10px 15px;
	border:1px solid #535353;
	margin-top:-1px;
	margin-right:-1px;
	}
	
ul li.titu2_tabla_1 {
	margin-top:0;
	}
	
}

/*Ingresos y costos transaccion*/

.head_contenido_admin {
	background-color:#e74c3c;
	width:100%;
	overflow:hidden;
	}
	
.head_titu_admin_1 {
	padding-top:120px;
	padding-bottom:70px;
	color:#fff;
	text-align:center;
	font-size:14px;
	margin-top:0;
	}
	
.top_cero {
	margin-top:0;
	padding-top:0;
	}

.rango_fecha ul {
	list-style:none;
	max-width: 600px;
	margin:0 auto;
	overflow:hidden;
	padding:0 10px;
	}
		
.rango_fecha ul li {
	border:none;
	text-align: center;
	width:25%;
	float:left;
	line-height:40px;
	}
	
.tabla_2 {
	width:100%;
	max-width:750px;
	margin:0 auto;
	overflow: scroll;
	color:#535353;
	padding:0 10px;
	text-align:center;
	max-height:500px;
	background-color:#fff;
	
	
	}
	
.tabla_2 table {
	padding:0;
	width:100%;
	max-width:750px;
	margin:0 auto;
	
	}
	
.tabla_2 tr td {
	padding:10px 15px;
	border:1px solid #535353;
	margin-top:-1px;
	margin-right:-1px;
	min-height:46px;
	}
	
.titu_tabla_2 {
	color:#fff;
	background-color:#535353;
}

.titu2_tabla_2 {
	background-color:#ecf0f1;
}
		
.estadistica_1 {
	width:100%;
	max-width:750px;
	margin:0 auto;
	overflow: hidden;
	color:#535353;
	padding:0 10px;
	text-align:center;
	}	

.estadistica_1 ul {
	list-style:none;
	padding:0;
	}
	
.estadistica_1 ul li {
	float:left;
	width:50%;
	}
	
.estadistica_1 ul li.grafica_1 {
	width:100%;
	float:none;
	clear:both;
	background-color:#D8E8EB;
	padding:10px;
	}
	
.boton_2 {
	font-size:14px;
	width:50%;
	margin:0 auto;
	transition:all 0.3s;
	}
	
.boton_2 button {
	width:100%;
	border-radius:0;
	border:1px solid #fff;
	background-color:#e74c3c;
	padding:10px;
	
	}
	
.boton_2 button:hover {
	background-color:#c0392b;
	border:1px solid #fff;
	
	}


@media (max-width: 767px) {
	
.head_titu_admin_1 {
	padding-top:90px;
	padding-bottom:40px;
	color:#fff;
	text-align:center;
	font-size:14px;
	margin-top:0;
	}
	
.rango_fecha ul li {
	width:100%;
	}
	
.estadistica_1 ul li.boton_2 {
	width:100%;
	
	}

.tabla_2, .tabla_3, .tabla_10 {
	font-size:10px;
	}
	
}

/*Inicio sesion administrador*/	
.contenido_x1_a {
	margin:0;
	padding:0;
	background-image:url(../resources/img/fondo_prueba.png);
	overflow:hidden;
	background-size:auto 190%;
	background-position:center center;
	background-repeat: no-repeat;
	width:100%;
	
	}

.pestana_1 {
	overflow:hidden;
	
	}
		
.tres_pestanas ul li {
	width:33.33333333333333%;	
	}
	
.dos_listas {
	width:100%;
	max-width:750px;
	margin:0 auto;
	overflow: hidden;
	color:#535353;
	padding:0 10px;
	text-align:center;
	}	

.dos_listas ul {
	list-style:none;
	padding:0;
	}
	
.dos_listas ul li {
	float:left;
	width:40%;
	margin:0 5%;
	}

.papelera {
	width:50px;
	cursor:pointer;
	transition:all 0.2s;
	}
	
.papelera2 {
	width:22px;
	cursor:pointer;
	transition:all 0.2s;
	float:right;
	}
        

.papelera3 {
	width:22px;
	cursor:pointer;
	transition:all 0.2s;
	float:right;
	margin-top:7px;
	}
        
.papelera4 {
	width:32px;
        min-height: 32px;
	cursor:pointer;
	transition:all 0.2s;
	float:right;
	}        
	
.papelera:hover {
	background-color:#DCDCDC;
	}
	
.papelera2:hover {
	background-color:#DCDCDC;
	}
	
.papelera3:hover {
	background-color:#DCDCDC;
	}
        
.papelera4:hover {
	background-color:#DCDCDC;
	}
.tabla_3 {
	width:100%;
	max-width:550px;
	margin:0 auto;
	overflow-y: scroll;
	color:#535353;
	padding:0 10px;
	text-align:left;
	max-height:380px;
	
	
	}
	
.tabla_3 table {
	padding:0;
	width:100%;
	max-width:550px;
	margin:0 auto;
	
	}
	
.tabla_3 tr td {
	padding:10px 15px;
	border:1px solid #535353;
	margin-top:-1px;
	margin-right:-1px;
	min-height:46px;
	cursor:pointer;
	transition:all 0.2s;
	background-color:#fff;
	}
	
.tabla_3 tr td:hover {
	background-color:#DCDCDC;
	}

.tabla_10 {
	width:100%;
	max-width:550px;
	margin:0 auto;
	color:#535353;
	padding:0 10px;
	text-align:left;
	max-height:380px;
	
	
	}
	
.tabla_10 table {
	padding:0;
	width:100%;
	max-width:550px;
	margin:0 auto;
	
	}
	
.tabla_10 tr td {
	padding:10px 15px;
	border:1px solid #535353;
	margin-top:-1px;
	margin-right:-1px;
	min-height:46px;
	cursor:pointer;
	transition:all 0.2s;
	background-color:#fff;
	}
	
.tabla_10 tr td:hover {
	background-color:#DCDCDC;
	}        
        
.tres_listas {
	width:100%;
	max-width:750px;
	margin:0 auto;
	overflow: hidden;
	color:#535353;
	padding:0 10px;
	text-align:center;
	}	

.tres_listas ul {
	list-style:none;
	padding:0;
	}
	
.tres_listas ul li {
	float:left;
	width:29.33333%;
	margin:0 2%;
	}

.head_titu_admin_1 ul {
	list-style:none;
	width:550px;
	margin:0 auto;
	
	}
	
.head_titu_admin_1 ul li {
	float:left;
	margin:0 5px;
	
	}
.rango_1 {
	max-width:400px;
	margin:0 auto;
	}
	
.rango_2 {
	max-width:400px;
	margin:0 auto;
	}
	
.rango_2 input {
	margin:3px auto;
	}
				
@media (max-width: 767px) {
	
.dos_listas ul li {
	float: none;
	width:90%;
	margin:1% 5%;
	}
	
.tres_listas ul li {
	float: none;
	width:90%;
	margin:1% 5%;
	}
	
.head_titu_admin_1 ul {
	width:90%;
	margin:0 5%;
	padding:0;
	
	}
	
.head_titu_admin_1 ul li {
	float:none;
	margin:2px auto;
	clear:none;
	
	}
	
.head_titu_admin_1 ul li button {
	width:90%;
	margin:0 5%;
	
	}	
	
.circulos_tres {
	width:160px;
	margin:0 auto;
	padding:0;
	}	

.circulos_tres li {
	width:150px;
	float:none;
	margin:2px auto;
	clear: both;
	}
	
.circulo_1, .circulo_2, .circulo_3 {
	width:150px;
	margin:5px auto;
	}
	
}

.circulo_1, .circulo_2, .circulo_3 {
	text-align:center;
	padding:10px;
	width:150px;
	height:150px;
	border-radius:150px;
	background-color:#e74c3c;
	color:#FFFFFF;
	/*padding-left:25px;*/
	padding-top:55px;
	line-height:20px;
	}

.circulo_1 span, .circulo_2 span, .circulo_3 span {
	font-size:36px;
	font-weight:300;
	}
	
.circulo_2 {
	background-color:#3498db;
	}
	
.circulo_3 {
	background-color:#2ecc71;
	}
	
.circulos_tres {
	list-style:none;
	max-width:550px;
	overflow:hidden;
	margin:0 auto;
	}	

.circulos_tres li {
	float:left;
	margin:0 5px;
	}	
	
.sin_scroll {
	overflow:hidden;
	}
	
.contenedor_2 {
	max-width:80%;
	margin:0 auto;
	overflow:hidden;
	}

.contenedor_2 h3 {
	font-weight:300;
	}

.tabla_4 {
	width:50%;
	float:left;
	overflow:hidden;
	
	}	

.tabla_4 tr td {
	padding:5px 0;
	}
	
.tabla_4 tr td button {
	width:100%;
	}
	
@media (max-width: 767px) {
.tabla_4 {
	width:90%;
	float:none;
	overflow:hidden;
	
}
}

.sin_bordo {
	border:none;
	background-color:none;
	}

.nav-tabs > li.active > a.sin_bordo, .nav-tabs > li.active > a.sin_bordo:hover, .nav-tabs > li.active > a.sin_bordo:focus {
    background-color:#e74c3c;
	border:none;
}
	
/*FIN CONTENIDO ADMINISTRADOR*/


/*CONTENIDO PACIENTE*/
.head_contenido_2 {
	background-color:#ecf0f1;
	width:100%;
	padding-top:100px;
	overflow:hidden;
	color:#000;
	}
	
.head_contenido_titu_2 {
	padding-top:4.1%;
	padding-bottom:15px;
	text-align:center;
	font-size:14px;
	}

.fondo_azul {
	background-color:#2980b9;
	color:#fff;
	}
	
.lista_prepagadas ul {
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
	margin-top:5%;
	}
	
.lista_prepagadas ul li {
	float:left;
	width:25%;
	}
		
.lista_prepagadas ul li img {
	width:100%;
	height:auto;
	padding:5px;
	
	}
	
@media (min-width: 500px) and  (max-width: 767px) {

.lista_prepagadas ul {
	max-width:600px;
	}
	
.lista_prepagadas ul li {
	float:left;
	width:50%;
	}
}

@media (max-width: 499px) {

.lista_prepagadas ul {
	max-width:400px;
	}
	
.lista_prepagadas ul li {
	float:none;
	width:90%;
	margin:0 auto;
	}
}

/*FIN CONTENIDO PACIENTE*/

/*CONTENIDO PROFESIONAL*/

.notificacion_color {
	color:#27ae60;
	
	}

.notificacion_color:hover {
	color:#2ecc71;
	
	}
	
.pie_wal {
	min-height:375px;
	color:#fff;
	background-color:#232323;
	clear:both;
	font-size:12px;
	border-top:1px solid #9d9d9d;
	overflow:hidden;
	}
	
.pie_1_prof ul li {
	width:10%;
	float:left;
	border:1px solid #979797;
	text-align:center;
	padding:10px;
	color:#9d9d9d;
	}
	
a li.menu_foot_1 {
	width:15%;
	
	}
	
a li.menu_foot_2 {
	width:15%;
	
	}
	
@media (min-width: 600px) and (max-width: 1100px) {
.pie_1_prof ul li {
	width:33.3333%;
	}
	
a li.menu_foot_1 {
	width:33.3333%;
	
	}
	
a li.menu_foot_2 {
	width:33.3333%;
	
	}
}

@media (max-width: 599px) {
.pie_1_prof ul li {
	width:50%;
	}
	
a li.menu_foot_1 {
	width:50%;
	
	}
	
a li.menu_foot_2 {
	width:100%;
	
	}
}
	
.pie_1_prof ul li:hover {
	color:#fff;
	}

.pie_1_prof ul {
	list-style:none;
	width:100%;
	margin:0;
	padding-left:0;
	padding-right:0;
	overflow:hidden;
	}

.pie_1_prof {
	padding-left:0;
	padding-right:0;
	width:100%;
	max-width:1145px;
	}
	
.badge_color {
	color:#27ae60;
	background-color:#232323;
	}
	
.mi_cuenta ul {
	list-style:none;
	overflow:hidden;
	
	}
	
.mi_cuenta ul li {
	float:left;
	width:33.33333%;
	
	}
	
.cambiar_1 {
	color:#8e44ad;
	text-align:right;
	}
	
li.cambiar_1 a {
	color:#8e44ad;
	}
	
li.cambiar_1 a:hover {
	color:#34495e;
	}
	
.violeta {
	background-color:#8e44ad;
        border: 1px solid #8231A4;  
	color:#fff !important;
	}
	
.violeta:hover {
	background-color:#9b59b6;
	}

.violeta_sin_borde_izq {
	background-color:#8e44ad;
        border-left: 0px;  
	color:#fff !important;
        }        

.violeta_sin_borde_der {
	background-color:#8e44ad;
        border-right: 0px;  
	color:#fff !important;
        }         
/*FIN CONTENIDO PROFESIONAL*/

/*GENERALES*/	

.back_bscespe {
	background-image:url(../resources/img/fondo_prueba.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size: auto 100%;
	}
        
.back_2 {
	background-image:url(../resources/img/fondo_prueba3b.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size: auto 100%;
	}
	
.back_5 {
	background-image:url(../img/fondo_5.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 130% ;
	}
	

.no_disponible {
	width:80%;
	max-width:500px;
	margin:5% auto;
	overflow:hidden;
	}
	
.no_disponible img {
	width:100%;
	max-width:500px;
	margin:0 auto;
	clear:both;
	}
	
.no_disponible h4 {
	width:100%;
	margin:0 auto;
	clear:both;
	color:#fff;
	}
	
	
/*Bocadillo herramientas*/
div.box{
		width: 150px;
		position: absolute;
		left: 30px;
		background-color:#fff;
		border-radius: 5px;
		border: 1px solid #C8C8C8 ;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
		padding: 5px;
	}

div.box:before, div.box:after{
		content: " ";
		position: absolute;
		height: 0;
		width: 0;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid transparent;
		
	}

	div.box:before{
		left: -16px;
		top: 20px;
		border-right: 8px solid rgb(240,240,240);
	}

	div.box:after{
		left: -18px;
		top: 20px;
		border-right: 8px solid rgba(0, 0, 0, 0.15);
		z-index: -1;
	}

	/* Triángulo arriba*/

	div.box2{
		width: 300px;
		position: absolute;
		top: 100px;
		right:0;
		background-color:#fff;
		border-radius: 5px;
		border: 1px solid #C8C8C8 ;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
		z-index:1000;
		float:right;
	}
	
div.box2 a {
		color:#1D1D1D;
	}

	div.box2:before, div.box2:after{
		content: " ";
		position: absolute;
		height: 0;
		width: 0;
		border-right: 8px solid transparent;
		border-top: 8px solid transparent;
		border-left: 8px solid transparent;
		
	}

	div.box2:before{
		right: 20px;
		top: -16px;
		border-bottom: 8px solid rgb(240,240,240);
	}

	div.box2:after{
		left: 20px;
		top: -18px;
		border-bottom: 8px solid rgba(0, 0, 0, 0.15);
		z-index: -1;
	}
	
.bocadillo_1 {
	position:relative;
	right:0.6%;
	display:none;
	
	}
	
.bocadillo_1 div ul {
	list-style:none;
	width:300px;
	padding:15px;
	}
	
.bocadillo_1 div ul li {
	float:left;
	width:90px;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin-bottom:20px;
	}
	
.bocadillo_1 div ul li img {
	width:40px;
	margin:0 auto;
	}
        
.warning-contrast {
    color: #000000;
}

/*Fin Bocadillo herramientas*/		
	
/*FIN GENERALES*/

/*PERFIL PROFESIONAL*/	
ul.perfil_prof_head {
	color:#fff;
	list-style:none;
	overflow:hidden;
	width:100%;
	max-width:1100px;
	background-color:#27ae60;
	margin:0 auto;
	padding-left:0;
	}
	
	
ul.perfil_prof_head li {
	float:left;
	}

	
ul.perfil_prof_head li img {
	width:100%;
	max-width:280px;
	padding-bottom:2px;
	padding-top:2px;
	}
        
ul.perfil_prof_head li img.top-perfil-rating {
    width:40%;
    max-width:280px;
    padding-bottom:2px;
    padding-top:2px;
}

.foto_perfil_prof {
	width:100%;
	max-width:280px;
	}
	
.nombres_perfil_prof {
	font-size:24px;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	padding-left:15px;
	vertical-align:text-bottom;
	margin-top:15%;
	max-width:320px;
	}

.nombres_perfil_csm {
	font-size:24px;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	padding-left:15px;
	vertical-align:text-bottom;
	margin-top:15%;
	max-width:420px;
	}        



		
ul.perfil_prof_head li ul li input {
	margin-right:2px;
	border-radius:0;
	}
	
ul.perfil_prof_head li ul {
	margin-top:75%;
	margin-left:20%;
	width:100%;
	}
	
.nombres_perfil_prof strong {
	font-size:18px;
	font-weight:500;
	}
	
.nombres_perfil_prof2 strong {
	font-size:18px;
	font-weight:500;
	}
        
.nombres_perfil_cm strong {
	font-size:18px;
	font-weight:500;
	}   
        
.nombres_perfil_csm strong {
	font-size:18px;
	font-weight:500;
	}         
	
ul li.verde {
	background-color:#2ecc71;
	margin-top:0;
	}

ul li.verde2 {
	background-color:#2ecc71;
	color:#fff;
	}

ul li ul li.verde2 {
	background-color:#2ecc71;
	color:#fff;
	}

ul li ul li.rojo {
	background-color:#e74c3c;
	color:#fff;
	}
	

ul li.gris3 {
	background-color:#ecf0f1;
	color:#313131;
	}
	
ul li.txt_left2 {
	text-align:left;
	}
	
ul li.height_90 {
	min-height:90px;
	}
	
ul li.height_120 {
	min-height:120px;
	}
	
ul li.height_70 {
	min-height:70px;
	}
        
ul li.height_50 {
	min-height:50px;
	}
	
ul li.ciento2 {
	width:100%;
	}
	
.secretaria {
	float:right;
	}
	
.actualizar_foto {
	background-color:rgba(0,0,0,0.6);
        color:#fff;
        width:100%;
        padding:10px;
        position:absolute;
        text-align:center;
        left:0;
        bottom:0;
        cursor:pointer;
        height:50px;
        transition:all 0.1s;
	
	}
	
.actualizar_foto:hover {
	background-color:rgba(255,255,255,0.6);
	color:#000;
	}
	
.nombres_perfil_prof2 {
	font-size:24px;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	padding-left:15px;
	max-width:250px;
	overflow:hidden;
	}
        
.nombres_perfil_cm {
	font-size:24px;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	padding-left:15px;
	max-width:500px;
	overflow:hidden;
	}        
	
.mas_fotos img {
	width:40px;
	height:40px;
	float:left;
	
	}

.mas_fotos {
	cursor:pointer;	
	}
	
.mas_fotos img:hover {
	background-color:rgba(255,255,255,0.7);
	}
		
ul.mas_fotos li {
	float:left;
	width:40px;
	
	}
ul.perfil_prof_head li ul.mas_fotos {
	float:left;
	list-style:none;
	margin-top:10px;
	margin-left:1px;
	}
 

/*FIN PERFIL PROFESIONAL*/	

.planes {
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	max-width:600px;
	}
	
.separador {
	height:10px;
	display:none;
	}

ul.botones_01 {
	list-style:none;
	max-width:550px;
	margin:0 auto;
}

ul.botones_01 li {
	float:left;
	width:33.3333%;
}

ul.botones_01 li input {
	float:left;
	width:100%;
	border-radius:0;
}

@media (max-width: 700px) {
.planes {
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	max-width:250px;
	}
 .planes div ul li {
	 margin-bottom:30px;
	 }

.separador {
	height:10px;
	display: block;
	}
	
ul.botones_01 {
	max-width:280px;
	margin:0 auto;
	padding:0;
}

ul.botones_01 li {
	float:left;
	width:100%;
}
	
}


.registro_2 {
	position: absolute;
	background-color:rgba(255,255,255,1);
	width:100%;
	height:100%;
	top:0;
	z-index:1300;
	
	}
	
.registro_2 ul {
	list-style:none;
	max-width:490px;
	padding:0;
	margin:0 auto;
	margin-top:15%;
	}
	
.registro_2 ul li {
	float:left;
	margin:0 20px;
	cursor:pointer;
	text-align:center;
	font-weight:700;
	}
	
.registro_2 ul li img {
	width:200px;
	}
	
@media (max-width: 700px) {

.registro_2 ul {
	max-width:150px;
	margin:0 auto;
	overflow:hidden;
	margin-top:10%;
	}	

.registro_2 ul li {
	margin-bottom:40px;
	margin:0 auto;
	}
	
.registro_2 ul li img {
	width:150px;
	}
}

/*Historial de citas*/

div.historial_citas {
	width:100%;
	padding:0;
	
	}
	
.historial_citas table {
	width:100%;
	text-align:left;
	padding:0;
	}

.historial_citas table tr td ul li {
	padding:10px 15px;
	border:solid 1px #bdc3c7;
	background-color:#fff;
	}	
	
.historial_citas table tr td ul {
	list-style:none;
	}
	
.historial_citas table tr td ul li {
	width:33.33333%;
	float:left;
	}

.historial_citas table tr td ul li.historial_boton {
	padding:0;
	}	
	
.historial_citas table tr td ul li.historial_boton_mas {
	padding:0;
	width:100%;
	}
	
.historial_citas table tr td ul li.historial_icon {
	padding:0;
	border:solid 1px #bdc3c7;
	}	
	
.historial_citas table tr td {
	padding:0;
	}	
	
.historial_citas table tr {
	padding:0;
	overflow:hidden;
	}
	
		
.historial_icon {
	width:90px;
	}
	
.historial_icon img {
	width:30px;
	float:left;
	cursor:pointer;
	transition:all 0.2s;
	padding:0;
	margin:5px;
	
	}

.historial_icon img:hover {
	background-color:#E9E9E9;
	}
	
.historial_gris {
	background-color:#bdc3c7;
	font-weight:700;
	}

tbody tr td ul li.historial_gris {
	background-color:#bdc3c7;
	font-weight:700;
	}
	
.historial_boton input {
	border-radius:0;
	width:100%;
	}
	
.historial_boton {
	padding:0;
	}
	
.historial_boton_mas {
	width:100%;
	padding:0;
	}

.historial_boton_mas input {
	border-radius:0;
	width:100%;
	}
	
.historial_contenedor {
	padding:0;
	margin:0 auto;
	width:100%;
	max-width:1100px;
	}
	
.historial_contenedor table {
	padding:0;
	margin:0;
	width:100%;
	max-width:1100px;
	}
	
@media (max-width: 1100px) { 

.historial_citas table tr td ul li {
	width:100%;
	}
	
.historial_citas_mas table tr td ul li {
	width:100%;
	}
}
	
/*Fin Historial de citas*/


/*Agenda*/

.agenda_1 {
	width:100%;
	max-width:750px;
	margin:0 auto;
	overflow: hidden;
	color:#535353;
	padding:0 10px;
	text-align:center;
	background-color:#D8E8EB;
	}
	
/*.agenda_2 {
	width:100%;
        max-width:1100px;
        margin:0 auto;
        overflow: hidden;
        color:#535353;
        padding:0 10px;
        text-align:center;
        background-color:#F8F8F8;
        border:1px solid #9F9F9F;
        border-radius:5px;
	}*/
.agenda_2 { width:100%;
        max-width:1100px;
        margin:0 auto;
        overflow: hidden;
        color:#535353;
        padding:0 10px;
        text-align:center;
        background-color:#F8F8F8;
        border:1px solid #9F9F9F;
        border-radius:5px;
        padding:20px;
}
        
.agenda_3 {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	overflow: hidden;
	color:#535353;
	padding:0 10px;
	text-align:center;
	background-color:#D8E8EB;
	}        
	
ul.convenciones_01 {
	width:100%;
	max-width:750px;
	margin:0 auto;
	list-style:none;
	}	

ul.convenciones_01 li {
	float:left;
	padding:10px;
	border:solid 1px #DFDFDF;
	color:#fff;
	}
	
.gris {
	background-color:#7f8c8d;
	color:#fff;
		}
		
.gris_4 {
	background-color:#F8F8F8;
	color:#525252;
	border:1px solid #767676;
		}
		
.rojo {
	background-color:#e74c3c;
	color:#fff;
		}
		
.verde2 {
	background-color:#27ae60;
	color:#fff;
		}
		
.azul {
	background-color:#3498db;
	color:#fff;
		}
		
ul.azul {
	background-color:#3498db;
	color:#fff;
		}
		
div ul li.azul {
	background-color:#3498db;
	color:#fff;
		}
		
.naranja {
	background-color:#f39c12;
	color:#fff;
		}
		
ul li.naranja {
	background-color:#f39c12;
	color:#fff;
		}
		
ul li.blanco {
	background-color:#fff;
	color:#000;
		}
		
.violeta2 {
	background-color:#8e44ad;
	color:#fff;
		}
		
ul.pie_agenda {
	max-width:1100px;
	margin:0 auto;
	list-style:none;
	overflow:hidden;
	}
	
ul.pie_agenda li {
	float:left;
	}
	
ul li.pie_agenda_boton {
	float:right;
	}
	
li.pie_agenda_boton input {
	border-radius:0;
	min-width:150px;
	}
	
.pie_agenda_2 ul li input {
	/*width:40px;*/
	text-align:center;
	}
	
.cuadro {
	width:30px;
	height:30px;
	border:solid 1px #DFDFDF;
	float:left;
	margin-right:10px;
	}
	
ul li.pie_age_01 {
	clear:both;
	}

ul li.pie_age_01 input {
	margin:15px auto;
	border-radius:0;
	}
	
ul li.pie_age_04 {
	clear:both;
	}

ul li.pie_age_04 input {
	margin:10px auto;
	max-width:50px;
	}
	
	
ul li.pie_age_02 {
	clear:both;
	margin-top:15px;
	line-height:30px;
	margin-right:15px;
	}
	
ul li.pie_age_03 {
	margin-top:15px;
	line-height:25px;
	margin-right:15px;
	}
	
ul li.pie_age_03 input {
	width:50px;
	height:30px;
	text-align:center;
	}
	
@media (max-width: 700px) {
ul li.pie_agenda_boton {
	float:none;
	width:100%;
	margin:0 auto;
	margin-bottom:25px;
	}
	
li.pie_agenda_boton input {
	width:100%;
	}
	
ul.head_agenda li {
	width:100%;
	margin:0 auto;
	}

ul.head_agenda li a {
	width:100%;
	
	}
}

ul.head_agenda {
	float:right;
	max-width:1100px;
	margin:0 auto;
	list-style:none;
	padding:0;
	}

ul.head_agenda li a {
	border-radius:0;
	font-size:12px;
	
	}
	
.width_2 {
	max-width:980px;
	margin:0 auto;	
        /*background-color:#eee;*/
	}
	
.top_menos_uno ul li {
	margin-top:0;
	}
	
div.top_menos_uno {
	max-width:650px;
	}
	
ul li div.width_3 input {
	width:30px;
	}
        
input.width_4 {
	width:96%;
	margin:0 auto;
	max-width:150px;
	}
	
div.conteniendo ul {
	overflow:hidden;
	}
	
.width_5 {
	max-width:600px;
	}

.right {
	float:right;
	overflow:hidden;
	}
	
div.direccion {
	margin:5px auto;
	}
	
.direccion_01 {
	width:46%; 
	float:left; 
	margin:5px 2%;
	}
	

@media (max-width: 700px) {
.direccion_01 {
	width:94%; 
	float:none; 
	margin:5px 3%;
	}	
}

.schedule_background0{
    border: 1px solid #245269 !important;
    background-color: #245269 !important;
    color: white !important;
}

.schedule_background1{
    border: 1px solid #737373 !important;
    background-color: #737373 !important;
    color: white !important;
}

.schedule_background2{
    border: 1px solid #e74c3c !important;
    background-color: #e74c3c !important;
    color: white !important;
}

.schedule_background3{
    border: 1px solid #843534 !important;
    background-color: #843534 !important;
    color: white !important;
}

.schedule_background4{
    border: 1px solid #8e44ad !important;
    background-color: #8e44ad !important;
    color: white !important;
}

.schedule_background5{
    border: 1px solid #169d82 !important;
    background-color: #169d82 !important;
    color: white !important;
}

.schedule_background6{
    border: 1px solid #e74c3c !important;
    background-color: #e74c3c !important;
    color: white !important;
}

.schedule_background7{
    border: 1px solid #c0a16b !important;
    background-color: #c0a16b !important;
    color: white !important;
}

.schedule_background8{
    border: 1px solid #3498db !important;
    background-color: #3498db !important;
    color: white !important;
    
}

.schedule_background9{
    border: 1px solid #f39c12 !important;
    background-color: #f39c12 !important;
    color: white !important;
}


li.facebook {
	width:19px;
	height:36px;
	background-image:url(../resources/img/iconos/fb.svg);
	background-repeat: no-repeat;
	background-position:center;
	}
	
li.twitter {
	width:44px;
	height:36px;
	background-image:url(../resources/img/iconos/tw.svg);
	background-repeat: no-repeat;
	background-position:center;
	}
	
li.youtube {
	width:30px;
	height:36px;
	background-image:url(../resources/img/iconos/yt.svg);
	background-repeat: no-repeat;
	background-position: center;
	}
	
li.facebook:hover {
	background-image:url(../resources/img/iconos/fb2.svg);
	}
	
li.twitter:hover {
	background-image:url(../resources/img/iconos/tw2.svg);
	}
	
li.youtube:hover {
	background-image:url(../resources/img/iconos/yt2.svg);
	}
	


	
/* make sidebar nav vertical */ 

.head_filtro {
	background-color:#ecf0f1;
	
	}
	
.filtro_wal {
	margin-top:99px;
	margin-bottom:-20px;
	}
	
.filtro_wal div div div ul li div ul li input {
	padding-left:20px;
	}
		
@media (min-width: 768px){
  .affix-content .container {
    width: 700px;
	max-width:250px;
  }   

    .affix-content .container .page-header{
    margin-top: 0;
  }
  .sidebar-nav{
        position:fixed; 
        width:100%;
		max-width:250px;
		z-index:2000;
		border:solid 1px #000000;
  }
  .affix-sidebar{
    padding-right:0; 
    font-size:small;
    padding-left: 0;
  }  
  .affix-row, .affix-container, .affix-content{
    height: 100%;
    margin-left: 0;
    margin-right: 0;    
  } 
  .affix-content{
    background-color:white; 
  } 
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar{
    border-radius:0; 
    margin-bottom:0; 
    border:0;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }  
}

@media (min-width: 769px){
  .affix-content .container {
    width: 600px;
  }
    .affix-content .container .page-header{
    margin-top: 0;
  }  
}

@media (min-width: 992px){
  .affix-content .container {
  width: 900px;
  }
    .affix-content .container .page-header{
    margin-top: 0;
  }
}

@media (min-width: 1220px){
  .affix-row{
    overflow: hidden;
  }

  .affix-content{
    overflow: auto;
  }

  .affix-content .container {
    width: 1000px;
  }

  .affix-content .container .page-header{
    margin-top: 0;
  }
  .affix-content{
    padding-right: 30px;
    padding-left: 30px;
  }  
  .affix-title{
    border-bottom: 1px solid #ecf0f1; 
    padding-bottom:10px;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-collapse{
    padding: 0;
  }
  .sidebar-nav .navbar li a:hover {
    background-color: #428bca;
    color: white;
  }
  .sidebar-nav .navbar li a > .caret {
    margin-top: 3px;
  }  
}









.no_float ul li {
	float:none;
	}
	
.si_float ul li {
	float:left;
	text-align:center;
	}
	
.si_float ul li div.perfil_prof_03 ul {
	float:none;
	text-align:center;
	margin:auto;
	}
	
.sin_padding {
	padding-top:0;
	}

div.sin_padding_2 {
	padding:0;
	}
	
ul.sin_padding_3 {
	padding:0;
	}
	
div.sin_padding_3 {
	padding:0;
	}
	
.padding_02 {
	padding: 5px 15px;
	}
	
.padding_03 {
	padding-left:25px;
	}
	
@media (max-width: 499px) {
.si_float ul li {
	float:none;
	text-align:center;
	}
}

ul li.azul {
	background-color:#3498db;
	color:#fff;
	}
	
.doctor_fuente {
	font-size:16px;
	font-weight:300;
	}
	
.right_top {
	margin-top:-25px;
	float:right;
	}
	
.articulo {
	float:right;
	width:80%;
	overflow:hidden;
	padding:2% 4%;
	}
	
.articulo img {
	width:100%;
	overflow:hidden;
	}
	
	
.articulos_lista {
	float:left;
	width:20%;
	border:solid 1px #4D4D4D;
	margin-top:-1px;
	overflow:hidden;
	padding:10px;
	margin-bottom:-1px;
	}
	
.elemento_lista_articulo img {
	width:100%;
	overflow:hidden;
	}
	
.elemento_lista_articulo h4 {
	font-weight:300;
	transition:all 0.3s;
	}
	
.elemento_lista_articulo h4:hover {
	font-size:19px;
	}
	
a div.elemento_lista_articulo {
	color:#7f8c8d;
	}
	
a div.elemento_lista_articulo:hover {
	color:#000;
	}

@media (max-width: 900px) {
.articulos_lista {
	display:none;
	}
	
.articulo {
	float:none;
	width:100%;
	overflow:hidden;
	padding:2% 4%;
	}
}

.fondo_articulo {
	background-image:url(../resources/img/img_articulos/01.jpg);
	}

.fondo_gris {
	background-color:rgba(0,0,0,0.4);
	padding:15px 10px;
	}
	
.fondo_10 {
	background-color:#7f8c8d;
	transition:all 0.5s;
	cursor:pointer;
	/*background-image:url(../img/img_articulos/01.jpg);*/
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}

	
.fondo_10:hover {
	background-size:110%;
	}
	
.fondo_11 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	
	background-image:url(../resources/img/img_articulos/02.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_11:hover {
	background-size:120%;
	}
	
.fondo_12 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/03.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_12:hover {
	background-size:120%;
	}
	
.fondo_13 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/04.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_13:hover {
	background-size:120%;
	}
	
.fondo_14 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/05.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_14:hover {
	background-size:120%;
	}
	
.fondo_15 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/06.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_15:hover {
	background-size:120%;
	}
	
.fondo_16 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/07.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_16:hover {
	background-size:120%;
	}
	
.fondo_17 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/08.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_17:hover {
	background-size:120%;
	}
	
.fondo_18 {
	background-color:#7f8c8d;
	transition:all 0.3s;
	cursor:pointer;
	background-image:url(../resources/img/img_articulos/09.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	position:relative;
	}
	
.fondo_18:hover {
	background-size:120%;
	}
	
a li p.fondo_gris {
	color:#fff;
	text-align:left;
	padding-left:30px;
	position:absolute;
	bottom:-10px;
	width:100%;
	}
	
.pop_video {
	min-height:500px;
	}
	
.top_cinco {
	 margin-top:5%;
	 }
	 
.top_cinco_2 {
	 margin-top:5px !important;
	 }
	 

/*SCROLL BARRA*/


::scrollbar {
width: 11px;
}
::scrollbar-track {
background-color: #7ea0b2;
border-radius: 0;
}
::scrollbar-thumb {
background-color: #D8D8D8;
border-radius: 2px;
}




::-webkit-scrollbar {
width: 11px;
}
::-webkit-scrollbar-track {
background-color: #7ea0b2;
border-radius: 0;
}
::-webkit-scrollbar-thumb {
background-color: #D8D8D8;
border-radius: 2px;
}




::-moz-scrollbar {
width: 11px;
}
::-moz-scrollbar-track {
background-color: #7ea0b2;
border-radius: 0;
}
::-moz-scrollbar-thumb {
background-color: #D8D8D8;
border-radius: 2px;
}




::-o-scrollbar {
width: 11px;
}
::-o-scrollbar-track {
background-color: #7ea0b2;
border-radius: 2px;
}
::-o-scrollbar-thumb {
background-color: #D8D8D8;
border-radius: 0;
}

/*fin SCROLL BARRA*/


.articulo iframe {
	width:100%;
	height:1000px; 
	position:relative;
	}
	
	
.calendario {
	width:100%;
	padding:0;
	margin:0;
	}
	
.calendario tr td {
	border:1px solid #bdc3c7;
	background-color:#F7F7F7;
	padding:5%;
	}
	
.calendario tr td a {
	color:#000;
	}
	
tr.calendario_fila_a td {
	padding:1%;
	}

@media (max-width: 500px) { 
.calendario tr td {
	border:1px solid #bdc3c7;
	background-color:#F7F7F7;
	padding:2%;
	}
}

tr td.blanco_dia {
	background-color:#fff;
	}
	
tr td.gris_dia {
	background-color:#95a5a6;
	cursor:pointer;
	}
	
tr td.rojo_dia {
	background-color:#e74c3c;
	cursor:pointer;
	}
	
tr td.rojo_dia:hover {
	background-color:#c0392b;
	}
	
tr td.azul_dia {
	background-color:#3498db;
	cursor:pointer;
	}

tr td.azul_dia:hover {
	background-color:#2980b9;
	}
	
tr td.naranja_dia {
	background-color:#f39c12;
	cursor:pointer;
	}
	
.ico_calendario img {
	width:auto;
	height:15px;
	}
	
.ico_calendario {
	cursor:pointer;
	}
		
tr td.ico_calendario:hover {
	background-color:#ecf0f1;
	}
	
ul li.alto_02 {
	min-height:160px;
	}
	
.txt_violeta {
	color:#8e44ad;
	float:left;
	line-height:15px;
	}
	
.txt_violeta strong {
	font-size:10px;
	color:#7f8c8d;
	font-style:italic;
	}
	
.candado img {
	width:20px;
	height:auto;
	}
	
.candado {
	float:right;
	padding:0 5px;
	}
	
ul.registro_3 {
	list-style:none;
	overflow:hidden;
	}
	
ul.registro_3 li {
	float:left;
	width:50%;
	padding:15px;
	}

.txt_blanco {
	color:#fff;
	}
	
ul.registro_3 li div {
	width:100%;
	}
	
ul.registro_3 li div strong {
	font-size:10px;
	padding-left:20px;	
	color:#7f8c8d;
	font-style:italic;
	font-weight:500;
	}
	
ul.registro_3 li img {
	float:left;
	width:40px;
	margin-left:10px;
	margin-top:25px;
	}
	
.regis_3_multiple {
	width:45%;
	float:left;
	}
	
	
.regis_3_multiple2 {
	width:45%;
	float: right;
	}
	
div.input-group input.input_50 {
	width:50%;
	}
	
ul.botones_02 {
	list-style:none;
	max-width:100%;
	margin:0 auto;
	padding:15px;
}

ul.botones_02 li {
	float:left;
	width:33.3333%;
}

ul.botones_02 li input {
	float:left;
	width:100%;
	border-radius:0;
	border:1px solid #8231A4;
}
	
@media (max-width: 900px) {
ul.registro_3 li {
	float:none;
	width:100%;
	}
	
ul.registro_3 li img {
	margin-top:0;
	}
	
ul.botones_02 {
	margin:0 auto;
	padding:15px;
}

ul.botones_02 li {
	float:left;
	width:100%;
}

.contenedor_2 {
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
	}
		
}

.tabla_1_left {
	float:left;
	width:50%;
	}

.tabla_1_right {
	float:right;
	width:50%;
	}
	
@media (max-width: 1350px) {
	.tabla_1_left {
	float:none;
	width:100%;
	}

.tabla_1_right {
	float:none;
	width:100%;
	margin-top:40px;
	margin-bottom:40px;
	}
}
	
ul li.height_140 {
	min-height:140px;
	}
        
ul li.height_140_b {
	min-height:140px;
	}

ul li.height_152 {
	min-height:152px;
	}        
        
ul li.height_152_b {
	min-height:152px;
	}        
        
.width_930 {
	max-width:930px;
	padding:0;
	}
	
.calificar_btn ul li input {
	border-radius:0;
	width:100%;
	height:50px;
	}
	
.calificar_btn ul li {
	width:100%;
	border:1px solid #7f8c8d;
	}
	
div.calificar_btn {
	width:100%;
	}
	
li.relative {
	position:relative;
	}
	
div.numero_valorado {
	position:absolute;
	background-color:#3498db;
	color:#fff;
	width:40px;
	height:40px;
	line-height:40px;
	float:right;
	z-index:3000;
	top:5px;
	right:5px;
	border-radius:20px;
	font-size:12px;
	border:1px solid #2980b9;
	}
	
ul.tabla_5 {
	list-style:none;
	width:100%;
	margin:0 auto;
	}
	
ul.tabla_5 li {
	float:left;
	width:25%;
	border:1px solid #95a5a6;
	padding:0;
	background-color:#fff;
	}
	
ul.tabla_5 li ul li {
	float:left;
	padding:10px;
	}
	
ul.padding_10 li {
	padding:10px;
	text-align:left;
	}
	
ul li.ancho_50 {
	width:50%;
	}
	
li ul.ancho_50 {
	width:50%;
	float:left;
	}
ul li.ancho_60 {
	width:60%;
	}
	
li ul.ancho_60 {
	width:60%;
	float:left;
	}
	
ul li.ancho_100 {
	width:100%;
	}
	
ul li.ancho_25 {
	width:25%;
	}

ul li.ancho_33 {
	width:33.333%;
	}
	
ul li.ancho_30 {
	width:30%;
	}

ul li.ancho_40 {
	width:40%;
	}

li ul.ancho_40 {
	width:40%;
	float:left;
	}
	
.gris_2 {
	background-color:#ecf0f1;
	}
	
li.dosis input {
	width:40px;
	float:left;
	}
	
li.dosis select {
	width:90px;
	float:left;
	}
	
li.dosis span {
	float:left;
	margin:5px 10px;
	}

li.frecuencia input {
	width:45px;
	float:left;
	}
	
li.frecuencia select {
	width:95px;
	float:left;
	}
	
li.frecuencia span {
	float:left;
	margin:5px 10px;
	}
        
        
li.descripcion textarea {
	width:100%;
	float:left;
	min-height:110px;
	}
	
li.descripcion_2 textarea {
	width:100%;
	float:left;
	min-height:110px;
	}
	
li.recomendacion textarea {
	width:100%;
	float:left;
	min-height:110px;
	}
	
.height_70 {
	min-height:70px;
	}
        
.height_50 {
	min-height:50px;
	}        
	
.height_70_b {
	min-height:70px;
	}
	
ul.tabla_5 li.boton_1 {
	padding:0;
	text-align:center;
	width:100%;
	margin-top:1px;
	margin-bottom:1px;
	}
	
ul.tabla_5 li.boton_1 input {
	width:100%;
	min-height:46px;
	border:none;
	border-radius:0;
	}
	
@media (max-width: 1350px) {
ul.tabla_5 li {
	float:left;
	width:100%;
	border:1px solid #95a5a6;
	}
	
ul.tabla_5 {
	width:95%;
	margin:0 auto;
	max-width:900px;
	}
	
ul li.ancho_50 {
	width:100%;
	}
	
ul li.ancho_33 {
	width:100%;
	}
	
ul li.ancho_30 {
	width:100%;
	}

ul li.ancho_40 {
	width:100%;
	}	

li ul.ancho_50 {
	width:100%;
	float:left;
	}
	
li.recomendacion textarea {
	width:100%;
	float:left;
	min-height:110px;
	}
	
ul li.height_140_b {
	min-height:auto;
	}
	
.height_70_b {
	min-height:auto;
	}
	
li.descripcion textarea {
	width:100%;
	float:left;
	min-height:110px;
	}
}

table.tabla_6 {
	width:100%;
	}
	
table.tabla_6 tr td {
	padding:5px;
	border:solid 1px #bdc3c7;
	background-color:#F7F7F7;
	}


	
.circulo_5 {
	width:150px;
	margin:0 auto;
	text-align:left;
	padding:10px;
	width:150px;
	height:150px;
	border-radius:150px;
	background-color:#e74c3c;
	color:#FFFFFF;
	padding-left:25px;
	padding-top:55px;
	line-height:20px
	
	}	
	
.circulo_5 span {
	font-size:36px;
	font-weight:300;
	}
	
	
.circulo_6 {
	width:150px;
	margin:0 auto;
	text-align:center;
	padding:10px;
	width:150px;
	height:150px;
	border-radius:150px;
	background-color:#e74c3c;
	color:#FFFFFF;
	/*padding-left:25px;*/
	padding-top:40px;
	line-height:15px
	
	}	
	
.circulo_6 span {
	font-size:36px;
	font-weight:300;
	}
	
.circulo_6 p {
	padding-top:10px;
	font-size:12px;
	}
	
.circulos_cuatro {
	list-style:none;
	max-width:160px;
	overflow:hidden;
	margin:0 auto;
	}	

.circulos_cuatro li {
	float:left;
	margin:0 5px;
	}
	
.tabla_1 ul li.top_mas_uno {
	margin-top:1px;
	}
	
div.width_700 {
	 max-width:700px;
	 width:90%;
	 }
	
@media (min-width: 400px) and (max-width: 700px) {
	
.circulos_cuatro {
	list-style:none;
	max-width:320px;
	overflow:hidden;
	margin:0 auto;
	}
	
}

@media (max-width: 399px) {
	
.circulos_cuatro {
	list-style:none;
	max-width:155px;
	overflow:hidden;
	margin:0 auto;
	}
	
}

div.txt_left3 {
	text-align:left;
	}
	
.contenedor_3 {
	width:90%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
	}

.contenedor_3 h3 {
	font-weight:300;
	}
	
@media (max-width: 1000px) {
	
.contenedor_3 {
	width:95%;
	max-width:900px;
	margin:0 auto;
	overflow:hidden;
}


}


li.boton_3 {
	padding:0;
	}
	
.boton_3 {
	font-size:14px;
	width:50%;
	margin:0;
		}
	
.boton_3 button {
	width:100%;
	border-radius:0;
	padding:0;
	min-height:44px;
	
	}
	
@media (max-width: 650px) {
.desaparece_1 {
	display:none;
	}
}

input.width_80 {
	width:80%;
	}
	
.width_ciento {
	width:100%;
	padding:0;
	}

ul.padding_left_1 {
	padding-left:249px;
	}
	

.padding_left_2 {
	padding-left:248px;
	}
	
@media (max-width: 768px) {
ul.padding_left_1 {
	padding-left:0;
	}	

.padding_left_2 {
	padding-left:0;
	}
}

@media (min-width: 767px) and (max-width: 1200px) {
.ciento_50 ul li {
	width:50%;
	}
	
}


ul li.filtro_buscar {
	margin-left:-15px; 
	padding-right:10px;
	padding-top:5px;
	}


textarea.top_cinco_2 {
	margin-top:5px !important;
	}	
	
.width_400 {
	 max-width:400px;
	 margin:0 auto;
	 }
	 
.width_300 {
	 max-width:300px;
	 margin:0 auto;
	 }
	 
.top_siete {
	margin:7% auto;
	
	}
	
button.boton_pop {
	width:100%;
	border-radius:0;
	margin-bottom:-5px;
	margin-top:10px;
	padding:10px 15px;
	border:1px solid #868686;
	}
	
li a.header_pop {
	background-color:#575757; 
	color:#fff; 
	cursor:default; 
	padding:10px 10px; 
	margin:-5px 0 -10px 0;
	border:1px solid #868686;
	}
	
li a.header_pop:hover {
	background-color:#575757; 
	color:#fff; 
	}
	
	
.tabla_7 {
	width:95%;
	max-width:400px;
	margin:0 auto;
	}
	
.tabla_7 tr td {
	background-color:rgba(255,255,255,0.9);
	border:1px solid #7f8c8d;
	padding:10px 15px;
	
	}
	
.tabla_7 tr td span {
	color:#2980b9;
	
	}
	
ul.chat_1 {
	list-style:none;
	width:95%;
	max-width:600px;
	margin:0 auto;
	background-color:rgba(255,255,255,0.9);
	overflow:hidden;
	padding:20px;
	min-height:400px;
	}
	
ul.chat_1 li img {
	float:left;
	width:60px;
	height:56px;
	border:solid 1px #000000;
	margin:10px;
	}
	
ul.chat_1 li.chat_derecha img {
	float:right;
	}
	
ul.chat_1 li.chat_derecha div {
	text-align:right;
	float:right;
	}
	
ul.chat_1 li.chat_derecha {
	text-align:right;
	}
	
ul.chat_1 a {
	text-decoration:none;
	color:#000;
	}
	
ul.chat_1 li div {
	float:left;
	padding:5px;
	}
	
ul.chat_1 li div h5 {
	font-weight:bold;
	}
	
ul.chat_1 li span {
	float:right;
	color:#95a5a6;
	font-size:12px;
	font-weight:bold;
	
	}
	
ul.chat_1 li.chat_derecha span {
	float:left;
	}
	
ul.chat_1 li {
	border-bottom:solid 1px #bdc3c7;	
	overflow:hidden;
	padding:5px;
	}
	
ul.chat_1 a li {
	transition: 0.3s;
	}
		
ul.chat_1 a li:hover {
	padding-bottom:10px;
	padding-top:10px;
	}
	
ul.chat_1 a:hover {
	color:#95a5a6;
	}
	
div.head_chat {
	background-color:#3498db;
	color:#fff;
	padding:15px;	
	width:95%;
	max-width:600px;
	margin:0 auto;
	overflow:hidden;
	}
	
div.head_chat span {
	float:right;
	}

ul li span.blanco_txt {
	color:#fff;
	}
	
ul.chat_2 {
	max-height:500px;
	overflow:scroll;
	}
	
div.foot_chat {
	background-color:#ecf0f1;
	color:#fff;
	padding:15px;	
	width:95%;
	max-width:600px;
	margin:0 auto;
	overflow:hidden;
	margin-top:-25px;
	position:relative;
	z-index:999;
	border:solid 1px #2980b9;
	}
	
div.foot_chat span {
	float:right;
	}
	
.fondo_beneficio_pro_1 {
	background-image:url(../resources/img/beneficios/profesional/01.jpg);
	background-position:center bottom;
	}
	
.fondo_beneficio_pro_2 {
	background-image:url(../resources/img/beneficios/profesional/02.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_3 {
	background-image:url(../resources/img/beneficios/profesional/03.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_4 {
	background-image:url(../resources/img/beneficios/profesional/04.jpg);
	background-position:center center;
	}

.fondo_beneficio_pro_5 {
	background-image:url(../resources/img/beneficios/profesional/05.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_6 {
	background-image:url(../resources/img/beneficios/profesional/06.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_7 {
	background-image:url(../resources/img/beneficios/profesional/07.jpg);
	background-position:center center;
	}

.fondo_beneficio_pro_8 {
	background-image:url(../resources/img/beneficios/profesional/08.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_9 {
	background-image:url(../resources/img/beneficios/profesional/09.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_10 {
	background-image:url(../resources/img/beneficios/profesional/10.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_pro_11 {
	background-image:url(../resources/img/beneficios/profesional/11.jpg);
	background-position:center center;
	}


@media (max-width: 600px) {
.mi_cuenta ul li {
	float:none;
	width:100%;
	margin:15px auto; 
	
	}
	
ul li.cuenta_10 button {
	float:left;
	width:100%;
	}
	
h5.bottom_01 {
	margin-bottom:50px;
	}
	
}

ul li.botones_perfil_prof {
	float:right;
	margin-right:10px;
	position:relative;
	

	}
	
ul li.botones_perfil_prof ul {
	position:relative;
	float:right;
	padding:0;
	}
	
@media (min-width: 501px) and (max-width: 900px) {

ul li.botones_perfil_prof {
	float:none;
	margin-right:0;
	position:relative;
	

	}
	
ul li.botones_perfil_prof ul {
	position:relative;
	float:right;
	padding:0;
	margin-top:0;
	width:100%;
	}
	
ul li.botones_perfil_prof ul li {
	float:left;
	width:33.3333%;
	}
	
ul li.botones_perfil_prof ul li a {
	width:100%;
	}
	
.nombres_perfil_prof {
	margin-top:20px;
	margin-bottom:20px;
	
	}
.nombres_perfil_csm {
	margin-top:20px;
	margin-bottom:20px;
	
	}        

        

}

@media (max-width: 500px) {

ul li.botones_perfil_prof {
	float:none;
	margin-right:0;
	position:relative;
	

	}
	
ul li.botones_perfil_prof ul {
	position:relative;
	float:right;
	padding:0;
	margin-top:0;
	width:100%;
	}
	
ul li.botones_perfil_prof ul li {
	float:left;
	width:100%;
	}
	
ul li.botones_perfil_prof ul li a {
	width:100%;
	}
	
.nombres_perfil_prof {
	margin-top:20px;
	margin-bottom:20px;
	
	}


}

.con_scroll_01 {
	max-height:350px;
	overflow:scroll;
	}
	
.fondo_beneficio_paci_1 {
	background-image:url(../resources/img/beneficios/paciente/01.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_2 {
	background-image:url(../resources/img/beneficios/paciente/02.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_3 {
	background-image:url(../resources/img/beneficios/paciente/03.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_4 {
	background-image:url(../resources/img/beneficios/paciente/04.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_5 {
	background-image:url(../resources/img/beneficios/paciente/05.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_6 {
	background-image:url(../resources/img/beneficios/paciente/06.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_7 {
	background-image:url(../resources/img/beneficios/paciente/07.jpg);
	background-position:center center;
	}
	
.fondo_beneficio_paci_8 {
	background-image:url(../resources/img/beneficios/paciente/08.jpg);
	background-position:center center;
	}
	
.correos_foot h4 {
	font-size:14px;
	font-weight:bold;
	}
	
.correos_foot h4 span {
	font-size:12px;
	font-weight:bold;
	}
	
	
.violeta_con_fondo {
	color:#fff;
	background-image: url(../resources/img/fondo_prueba.png);
	background-color:#8e44ad;
	background-size:100% auto;
		}
		
.fondo_textura_01 {
	background-image: url(../resources/img/textura_01.JPG);
	background-size:80px auto;
	background-repeat:repeat;
	
	}
        
        

/* Estilos para funcion de auto completar */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


@media (max-width: 600px) {	
.reducir_01 tbody tr td {
	font-size:11px;
	}
	
.desaparecer_01 {
	display:none;
	}
	
}

ul a li.ciento3 {
	width:100%;
	}
	
/*VIDEO*/

video#bgvid { 
	position: fixed;
	right:0;
	left:0;
	top:-40px;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height: auto;
	z-index: -10;
	visibility: visible;
	max-width:1920px;
	max-height:700px;						
 
}

video { display: block; }

@media (min-width: 1600px) and (max-width: 1800px) {	
video#bgvid {
	top:0;
	max-width:1800px;
	max-height:700px;
 
}
}

@media (min-width: 1400px) and (max-width: 1599px) {	
video#bgvid {
	top:-15px;
	max-width:1600px;
	max-height:700px;
 
}
}

@media (min-width: 1200px) and (max-width: 1399px) {	
video#bgvid {
	top:-40px;
	max-width:1400px;
	max-height:700px;
 
}
}

@media (min-width: 1000px) and (max-width: 1199px) {	
video#bgvid {
	top:-80px;
	max-width:1200px;
	max-height:700px;
 
}
}

@media (min-width: 800px) and (max-width: 999px) {	
video#bgvid {
	top:-115px;
	max-width:1000px;
	max-height:700px;
 
}
}

@media (max-width: 799px) {	
video#bgvid {
	top:-150px;
	max-width:800px;
	max-height:700px;
 
}
}


.tabla_8 {
	min-height:200px;
	background-color:#ecf0f1;
	max-width:800px;
	overflow:hidden;
	margin-bottom:30px;
	border-radius:15px;
	border:1px solid #000;
	}

.tabla_8 tr td {
	padding:5% 0;
	}

.tabla_8 tr td img {
	width:150px;
	margin:4%;
	clear:both;
	float:right;
	}
	
.tabla_8 tr td p {
	float:none;
	padding:10% 5%;
	}


.tabla_8 tr td.empleo_numero {
	background-color:#3498db;
	color:#fff;
	padding:15px;
	font-size:18px;
	}
	
.empleo_plan {
	max-width:300px;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	background-color:#fff;
	border:solid 1px #3F3F3F;
	overflow:hidden;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	float:left;
	margin-bottom:30px;
	}
	
.empleo_plan h4 {
	background-color:#3498db;
	color:#fff;
	padding:15px;
	margin-top:0;	
	}

.empleo_plan p {
	padding:20px;
	}
	
.empleo_plan_2 {
	max-width:300px;
	width:100%;
	text-align:center;
	margin-bottom:30px;
	background-color:#fff;
	border:solid 1px #3F3F3F;
	overflow:hidden;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	float:right;
	margin-bottom:30px;
	}
	
.empleo_plan_2 h4 {
	background-color:#3498db;
	color:#fff;
	padding:15px;
	margin-top:0;	
	}

.empleo_plan_2 p {
	padding:20px;
	}
	
@media (max-width: 800px) {	
.empleo_plan {
	margin:0 auto;
	float:none;
	
}
.empleo_plan_2 {
	margin:0 auto;
	float:none;
 
}
}

.pregunta_frecuente {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:20px;
	text-align:justify;
	}
	
.pregunta_frecuente h4 {
	font-weight:300;
	font-size:24px;
	margin-top:10px;
	}
	
.pregunta_frecuente p {
	border-bottom:1px solid #9d9d9d;
	padding-bottom:20px;
	}

.selservicioprof{
	width: 100% !important;
	}
        
.selservicioprof input {
	width: 100% !important;
	}       
        
.selservicioprof div.ui-selectonemenu-trigger{
	width: 24px !important;
	}
        
.selservicioprof div.ui-selectcheckboxmenu-trigger{
	width: 24px !important;
	}

@media (max-width: 450px) {	
.selpaccitaprof{
	width: 240px !important
	}

}        
@media (min-width: 451px) {	
.selpaccitaprof{
	width: 318px !important
	}

}        
        
.selpaccitaprof{
	width: 318px;
	}
        
.selpaccitaprof input {
	width: 100%;
	}       
        
.selpaccitaprof div.ui-selectonemenu-trigger{
	width: 24px !important;
	}
        
.selpaccitaprof div.ui-selectcheckboxmenu-trigger{
	width: 24px !important;
	}        

.selmanycheck div.ui-chkbox div.ui-state-active{
        background-color: #E21313 !important;
        }
.selmanycheck div.ui-chkbox div.ui-chkbox-box span.ui-icon-check{
        background-color: #E21313 !important;
        }        


.tabla_3 table tbody tr td {
    position:relative;
    height:64px;
}
        
.tabla_3 table tbody tr td a.lnkprofesio {
    position:absolute;
    width:100%;
    top:10px;
    bottom:10px;
    color:#535353;
    overflow:hidden;
    min-height:46px;
}

.tabla_3 table tbody tr td:nth-child(2) {
    position: relative;
    width:50px;
    top:0;
 }
 
 .tabla_3 table tbody tr td:nth-child(3) {
    position: relative;
    width:110px;
    top:0;
 }
 
.tabla_10 table tbody tr td {
    position:relative;
    height:64px;
}
        
.tabla_10 table tbody tr td a.lnkprofesio {
    position:absolute;
    width:100%;
    top:10px;
    bottom:10px;
    color:#535353;
    overflow:hidden;
    min-height:46px;
}

.tabla_10 table tbody tr td:nth-child(2) {
    position: relative;
    width:50px;
    top:0;
 }
 
 .tabla_10 table tbody tr td:nth-child(3) {
    position: relative;
    width:110px;
    top:0;
 }
 
ul a.txt_gris li {
    color:#535353;
}
 
ul a.txt_gris li:hover {
    color:#535353;
    background-color:#E7E7E7;
} 

div.tabla_1 ul a.celda_a li {
    overflow:hidden;
    color:#535353;
}
 
div.tabla_1 ul a.celda_a li:hover {
    background-color:#E9E9E9;
}

.none {
 display:none;
 }
 
@media (max-width: 1350px) {
.none {
 display: block;
 }
} 

ul li.papelera4 {
 width:55px; 
 padding-left:5px; 
 padding-right:6px; 
 position:absolute; 
 right:0; border:none; 
 background-color:rgba(255,255,255,0.0); 
 margin:2px;
}
 
ul.relative {
    position:relative;
}

.truncatenotif {
    max-width: 240px;
    width: 240 px\9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.ul.prof_index {
 margin:0 auto;
 padding:0;
 
 }

ul.prof_index li {
 float:none;
 width:100%;
 max-width:1000px;
 padding:0;
 margin:0 auto;
 overflow:hidden;
 
 }


ul.prof_index li div ul {
 padding:0;
 }
 
  
ul.prof_index li div ul li {
 float:left;
 width:33.3333%;
 
 } 
 
.padding_11 {
    padding:40px;
} 


.ui-datepicker{
    z-index: 1020 !important;
}


#growl_container{
    z-index: 1020 !important;
}


 
.tabla_9 {
 width:100%;
 max-width:750px;
 margin:0 auto;
 overflow:hidden;
 color:#535353;
 padding:0 10px;
 }
 
.tabla_9_li {
 list-style:none;
 float:left;
 width:50%;
 padding:10px 15px;
 border:1px solid #535353;
 margin-top:-1px;
 margin-right:-1px;
 min-height:46px;
 background-color:#fff;
 }
 
 
 
.titu_tabla_9_li {
 text-align:center;
 width:100%;
 float:none;
 clear:both;
 color:#fff;
 background-color:#535353;
 }
 
.tabla_9_boton_1 {
 padding:0;
 text-align:center;
 width:100%;
 margin-top:1px;
 margin-bottom:1px;
 }
 
.tabla_9_boton_1_a {
 width:100%;
 min-height:46px;
 border:none;
 border-radius:0;
 } 
 
 .tabla_servicios {
 width:100%;
 min-height:46px;
 border:none;
 border-radius:0;
 text-align: center;
 } 
 
 
.float_right {
 float:right;
 }

@media (max-width: 767px) {
 
.tabla_9_li {
 float:none;
 width:100%;
 }

.float_right {
 float:none;
 }
  
}

.azul_dia {
    background-color:#3498db !important;
}

ul li.height_56 {
	min-height:56px;
	}
        
.height_56 {
	min-height:56px;
	}
        
ul li.height_52 {
	min-height:52px;
	}
        
.height_52 {
	min-height:52px;
	}        
        
ul li.height_42 {
	min-height:42px;
	}
.height_42 {
	min-height:42px;
	}
        
ul li.height_32 {
	min-height:32px;
	}
.height_32 {
	min-height:32px;
	}        

ul li.height_31 {
	min-height:31px;
	}
.height_31 {
	min-height:31px;
	}        
ul li.height_36 {
	min-height:36px;
	}
.height_36 {
	min-height:36px;
	}

ul li.height_62 {
	min-height:62px;
	}
.height_62 {
	min-height:62px;
	}        

ul li.height_82 {
	min-height:82px;
	}
        
.height_82 {
	min-height:82px;
	}        
        
ul li.height_122 {
	min-height:122px;
	}
        
.height_122 {
	min-height:122px;
	}                
        
.disponible{
    color: #ffffff;
    text-decoration: none;
    cursor:pointer;
    background-color: #0088cc;
    background-color: #0081c2;
    background-position: 0px;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
    text-align: center;
    vertical-align: middle;
}

.nodisponible{
    color: #ffffff;
    z-index: 1005;
    text-decoration: none;
    background-color: #f39c12;
    background-color: #f39c12;
    background-position: 0px;
    background-image: -moz-linear-gradient(top, #f39c12, #f39c12);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f39c12), to(#f39c12));
    background-image: -webkit-linear-gradient(top, #f39c12, #f39c12);
    background-image: -o-linear-gradient(top, #f39c12, #f39c12);
    background-image: linear-gradient(to bottom, #f39c12, #f39c12);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f39c12', endColorstr='#f39c12', GradientType=0);
    text-align: center;
    vertical-align: middle;
}


        
.ui-dialog-footer.right {
    text-align: right;
}

div ul li ul.botones_03 {
 overflow:hidden;
 width:320px;
 margin:0;
 margin-top:-4px;
 }
 
 .agenda_height_100 div.fc-time-grid-container{
     height: 100% !important;
 }
 
 .agenda_height_100 div.fc-day-grid-container{
     height: 100% !important;
 }
 
 .agenda_height_12horas div.fc-time-grid-container{
     height: 530px !important;
 }
 
 

 .boton_sin_radio{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.radiosinborde ul li div.ui-radiobutton-box {
    border: 0px;
    margin-top: -1px;
}

.radiosinborde ul li div.ui-helper-hidden-accessible {
    border: 0px;
    margin-top: -1px;
}

.radiosinborde ul li div.ui-radiobutton {
    border: 0px;
    margin-top: -1px;
}


.ui-state-error{
    border: 1px solid #cd0a0a;
    background: #cd0a0a url("") 50% 50% repeat-x;
    color: #ffffff;
}

.ui-state-error input{
    border: 1px solid #cd0a0a;
    background: #cd0a0a url("") 50% 50% repeat-x;
    color: #ffffff;
}

.left{
    text-align:left !important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.btn-danger{
    color: #fff !important;
}

.min_height_500 {
 min-height:500px;
 }

@media (min-width: 768px) and (max-width: 1200px) {
 
.min_height_500 {
 min-height:400px;
 }
  
}
 
@media (max-width: 767px) {
 
.min_height_500 {
 min-height:300px;
 }
  
}
 
.backgroud_size_100{
    background-size: auto 200%;
    min-height: 650px;
}


.radioplan span.ui-radiobutton-icon{
    margin-left:  0px !important;
}

ul.prof_index li div ul.ul_uno li {
 width:100%;
 max-width:350px;
 float:none;
 }


ul.prof_index li div ul.ul_dos {
 max-width:700px;
 width:100%;
 margin:0 auto;
 float:none;
 } 
 
ul.prof_index li div ul.ul_dos li {
 width:50%;
 max-width:350px;
 }
 

@media (max-width: 767px) {
 
ul.prof_index li div ul.ul_dos li {
 width:100%;
 max-width:350px;
 float:none;
 }
  
}

.contenido_centro {
	width:100%;
	float:none;
}

@media (max-width: 700px) {
 
ul.head_agenda {
 float:none;
 }
  
}

.titulo_agenda{
    color: #0B3280;
    width: 100%;
    min-height: 34px;
    vertical-align: middle; 
    padding:18px; 
    margin-top:-18px; 
    border-bottom:1px solid #d5d5d5;
    margin-bottom:30px;
}    
    
    
    

.upload-demo #upload-demo,
.upload-demo .upload-result,
.upload-demo.ready .upload-msg {
    display: none;
}
.upload-demo.ready #upload-demo {
    display: block;
}
.upload-demo.ready .upload-result {
    display: inline-block;    
}

.upload-msg {
    text-align: center;
    padding: 50px;
    font-size: 22px;
    color: #aaa;
    width: 260px;
    margin: 50px auto;
    border: 1px solid #aaa;
}

.croppie-container {
        padding: 1px 0;
    }


.file-btn {
    position: relative;
    cursor: pointer !important;
}
.file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.actions {
    padding: 5px 0;
}
.actions button {
    margin-right: 5px;
}

.actions button,
.actions a.btnupload {
    background-color: #449d44;
    color: white;
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid #398439;
    font-size: 14px;
    cursor: pointer !important;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    
}
.actions input[type="file"] {
    cursor: pointer !important;
}
.actions button:focus {
    outline: 0;
}

.contenedor_cita {
	margin:0 auto;
	text-align:center;
	border-radius:10px;
	background-color:rgba(255,255,255,0.9);
	padding:20px 40px;
}

.ui-selectonemenu-panel{
    z-index: 3005 !important;
}
        

.ui-state-error{
    border: 1px solid #F27474;
    background: #f2dede url("") 50% 50% repeat-x;
    color: #000000;
}


ul.height_160 li div.perfil_prof_02 {
    min-height:160px;
}

ul.height_160_movil li div.perfil_prof_02 {
 min-height:160px;
 }


@media (max-width: 1100px) { 

}


.ocultar {
 display:block;
 }
 
@media (max-width: 767px) {
 
.ocultar {
 display:none;
 }

 ul.height_160 li div.perfil_prof_02 {
    min-height:220px;
 }

 ul.height_160_movil li div.perfil_prof_02 {
 min-height:220px;
 }
  
}

@media (min-width: 768px) and (max-width: 1300px){
 
.filtro_wal {
 margin-bottom:0;
 }
}

body.modal-open {
    overflow: hidden;
    z-index:1;
    position: fixed;
}



.schedule_event_background1{
    border: 1px solid #737373 !important;
    background-color: #737373 !important;
    color: white !important;
}

.schedule_event_background2{
    border: 1px solid #e74c3c !important;
    background-color: #e74c3c !important;
    color: white !important;
}

.schedule_event_background3{
    border: 1px solid #843534 !important;
    background-color: #843534 !important;
    color: white !important;
}

.schedule_event_background4{
    border: 1px solid #8e44ad !important;
    background-color: #8e44ad !important;
    color: white !important;
}

.schedule_event_background5{
    border: 1px solid #169d82 !important;
    background-color: #169d82 !important;
    color: white !important;
}

.schedule_event_background6{
    border: 1px solid #e74c3c !important;
    background-color: #e74c3c !important;
    color: white !important;
}

.schedule_event_background7{
    border: 1px solid #c0a16b !important;
    background-color: #c0a16b !important;
    color: white !important;
}

.schedule_event_background8{
    border: 1px solid #3498db !important;
    background-color: #3498db !important;
    color: white !important;
    
}

.schedule_event_background9{
    border: 1px solid #f39c12 !important;
    background-color: #f39c12 !important;
    color: white !important;
}

.schedule_event_background10{
    border: 1px solid #245269 !important;
    background-color: #245269 !important;
    color: white !important;
}

.input_width100{
    width: 100% !important;;
}

.input_width100 input{
    width: 100% !important;;
}


.listplancuenta td{
    text-align: left;
    padding-left:  5px;
    font-weight: normal !important;
}

.listplancuenta td label{
    font-weight: normal !important;
}

.margin_top_bottom_20 {
	margin-top:20px;
	margin-bottom:20px;
	
	}
        
.chk_envia_email_perf_csm {
    float:right;
}        