/*! HTML5 Boilerplate v5.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */


#need-authorization-msg {
	color: #919090;
	font-size: 14px;
}
#need-authorization-msg label{
	display: none;
}

p.admin-observation {
	color: orange;
}

p.user-observation {
	color: yellowgreen;
}

.ui-datepicker .ui-datepicker-title select {
	color: black;
}

.attachedFile-form-div {
	position: relative;
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

.attachedFile-form-div input[type="file"] {
	position: relative;
	opacity: 0;
	z-index: 2;
	width: 10px;
}
.attachedFile-form-div.item{
	width: 75%;
}
.attachedFile-form-div label {
	font-size: 15px;
    color: #919090;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    
}
.attachedFile-form-div .drop-item{
	color: -webkit-link;
	width: 25%;
	text-align: center;
	display: inline-block;
}

.drop-formulario{
	display: none;
	visibility: hidden;
}

.drop-boton{
	display: none;
	visibility: hidden;
}

.drop-message{
	display: none;
	visibility: hidden;
}
.titulo_negrita{
	font-weight: 100;
}
.msg_error{
	color: #D8000C;
	background-color: #FFD2D2;
	padding: 5px 5px 5px 0px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.msg_error i {
	margin:10px 22px;
	font-size:2em;
	vertical-align:middle;
}


div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
}

.toggle-list {
	color: #919090;
	font-size: 14px;
	font-family: 'got-book';
	text-decoration: underline;
	font-weight: bold;
}

.attached-files-list {
	display: none;
}

.autorizacion-estado {
	font-size: 14px;
	font-weight: bold;
}

.autorizacion-estado img {
	width: 22px;
    position: relative;
    bottom: 7px;
    height: 22px;
}

.autorizacion-estado.gris {
	color: #A5A5A5;
}

.autorizacion-estado.verde {
	color: #6FCE00;
}

.autorizacion-estado.rojo {
	color: #EA1F1F;
}

.autorizacion-estado.violeta {
	color: #78397A;
}

.autorizacion-estado.azul {
	color: #409bff;
}

.botton-line {
	border-bottom-style: solid;
    border-bottom-width: 1px;
	padding-bottom: 4px;
	border-bottom-color: #919090;
}

.attached-filename {
	font-size: 15px;
    color: #919090;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pull-right {
	float: right;
}

.text-centered {
	text-align: center;
}

.autorizacion-show {
	float: left;
	width: 100%;
}

.fila {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

.fila h1{
	word-wrap: break-word;
}
.fila .col-25 {
	width: 25%;
	float: left;
}

.fila .col-50 {
	width: 50%;
	float: left;
}

.fila .col-75 {
	width: 75%;
	float: left;
}

.fila .col-100 {
	width: 100%;
	float: left;
}

form .block textarea {
	width: 100%; 
	padding: 7px; 
	color: #919090;
	font-size: 14px;
	border-radius: 8px;
	box-sizing: border-box;
}

.drop-item {
	position: relative;
	top: 9px;
	cursor: pointer;
	z-index: 10;
}



form .block .error-msg {
	position: absolute;
    width: 134px;
    right: -162px;
    top: 0px;
    font-family: 'got-book';
    font-size: 10px;
    color: #919090;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
    padding: 20px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.65098) -2px 3px 28px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.65098) -2px 3px 28px 5px;
    box-shadow: rgba(0, 0, 0, 0.65098) -2px 3px 28px 5px;
    background-color: #fff;
    z-index: 1000;
    padding: 6px 11px 11px 11px;
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    text-align: center;
}

form .block .error-msg ul {
	list-style-type: none; 
	padding: 0;
	margin: 0;
}


form .block .error-msg .piquito {
	position: absolute;
	width: 11px;
	height: 12px;
	background-image: url('../img/piquito.png');
	top: -1px;
    left: -11px;
}

form .block .error-msg .warning {
	width: 12px;
    height: 12px;
    margin-bottom: 6px;
}

.rl01_contenedor.sucursal_contenedor{
	margin-top: 10px;
	margin-bottom: 40px;
}

.help-block, .error{
  color: #D74142 !important;
}
/* EMERGENCIA BUBBLE*/
a[href^="tel:"] {
	color: #000;
}
.content-emergency{
	display: none;
}
.float-emergencia{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	right: 20px;
	bottom: 20px;
	z-index: 10;
	background: linear-gradient(100deg, #1961ac 0%, #00a4b8 100%);
	border: 1px solid #fff;
	padding: 6px 16px;
	border-radius: 32px;
	color: #FFF;
	cursor: pointer;
	min-height: 40px;
	text-align: center;
}
a[href^="tel:"].float-emergencia  {
	color: #FFF;
}
.float-emergencia img{
	height: 25px;
}
.float-emergencia .data-emergency{
	margin-right: 10px;
}

/*CREDENCIAL*/
.contenedor_credenciales{
	margin: 20px auto;
    width: 420px;
}
.credencial{
	background-repeat: no-repeat;
	background-size: contain;
	height: 254px;
	width: 400px;
	font-size: 14px;
	padding: 10px;
	margin-bottom: 30px;
	padding-left: 8px;
	border-radius: 15px;
}
.credencial_oro{
	background-image: url('../img/credencial/credencial_oro.png');
}
.credencial_plata{
	background-image: url('../img/credencial/credencial_plata.png');
}
.credencial_now_oro{
	background-image: url('../img/credencial/credencial_now_oro.png');
}
.credencial_now_plata{
	background-image: url('../img/credencial/credencial_now_plata.png');
}

.credencial_oro_back{
	background-image: url('../img/credencial/credencial_back.png');
}
.credencial_plata_back{
	background-image: url('../img/credencial/credencial_back.png');
}
.credencial_now_oro_back{
	background-image: url('../img/credencial/credencial_now_back.png');
}
.credencial_now_plata_back{
	background-image: url('../img/credencial/credencial_now_back.png');
}

.credencial .first_data{
	margin-top: 170px;
	display: flex;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 10px;
}
.credencial .second_data{
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.credencial .third_data{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 470px) {

	.contenedor_credenciales{
		margin: 10px auto;
    	width: 300px;
	}
	.credencial{
		width: 280px;
		height: 177px;
		font-size: 12px;
	}
	.credencial .first_data{
		margin-top: 115px;
	}
	.credencial .second_data{
		margin-top: 5px;
	}
	.credencial .third_data{
		margin-top: 5px;
	}
}


.go_back{
	display: inline;
	float: right;
	margin-bottom: 10px;
	font-size: 14px;
	font-family: 'got-book';
	color: #3a3a3a;
	background-image: url('../img/back.png');
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 17px;
	line-height: 30px;
}

.go_back_mobile{
	display: none;
	float: left;
	margin-top: 30px;
	font-size: 15px;
	font-family: 'got-book';
	color: #ffffff;
	background-image: url(../img/back.png);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 0px;
	line-height: 19px;
	margin-left: 10px;
	text-transform: capitalize;
	position: absolute;
	background-size: 6px;
	background-position: 11px 6px;

}

.div_logo{
	display: none;
	float: left; 
	margin-left: 40px;
	line-height: 60px;
}

nav#nav-main li.visible-lg{
		border-right: 0;
		line-height: 60px;

	}
nav#nav-main li.visible-lg img{	
	margin-bottom: 5px;
}

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

html, body {
	height: 100%;
}



a {
	text-decoration: none;
}

h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-size: inherit;
}

p {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: normal;
}

.clear_both {
	clear: both;
}


/*** TOP HEADER***/
.top_header{
	width: 100%;
	clear: both;
	height: 196px;
	line-height: 196px;
	position:relative;
	
}
.top_header_mobile{
	width: 100%;
	clear: both;
	height: 60px;
	line-height: 60px;
	position:relative;
	display:none;
}
.select_mobile_plan{
	display: none;
}
.top_header_login{
	width: 100%;
	clear: both;
	height: 196px;
	line-height: 196px;
	position:relative;
	
}
.top_right{
	float: right;
	height: 196px;
	max-width:30%
}

.top_right_mobile {
	float: right;
    height: 80px;

}

.top_middle{
		position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 100px);
	  z-index: 999;
}

.top_left{
	float: left;
	height: 196px;
	max-width:30%;
}
.separador_login img{
	width: 100%;
}
.disponible_app{
	margin: 0 auto;
	color: #919090;
	font-family: tt_thin;
	font-weight: bold;
	max-width: 500px;
	padding: 20px;
}

.disponible_app img{
	margin-top: 20px;
}

.user_input{
	background-image: url('../img/hope_nombre.png') ;
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 35px !important;

	height: 30px;
}

.user_input:-webkit-autofill{
	background-image: url('../img/hope_nombre.png') !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	color: #87868a !important;
}
.password_input{
	background-image: url('../img/hope_lock.png') ;
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 35px !important;
	height: 30px;
}
.password_input:-webkit-autofill{
	background-image: url('../img/hope_lock.png') !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	color: #87868a !important;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}



/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* FUENTES
   ----------------------------- */

@font-face {
    font-family: 'tt_thin';
    src: url('../fuentes/titilliumtext25l005-webfont.eot');
    src: url('../fuentes/titilliumtext25l005-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/titilliumtext25l005-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumtext25l005-webfont.woff') format('woff'),
         url('../fuentes/titilliumtext25l005-webfont.ttf') format('truetype'),
         url('../fuentes/titilliumtext25l005-webfont.svg#titilliumtext25l1_wt') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
   font-family: 'tt_light'; /* */
    src: url('../fuentes/titilliumtext25l004-webfont.eot');
    src: url('../fuentes/titilliumtext25l004-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/titilliumtext25l004-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumtext25l004-webfont.woff') format('woff'),
         url('../fuentes/titilliumtext25l004-webfont.ttf') format('truetype'),
         url('../fuentes/titilliumtext25l004-webfont.svg#titilliumtext25l250_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'got_Med'; /* gotham medium */
    src: url('../fuentes/gotham-medium-webfont.eot');
    src: url('../fuentes/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/gotham-medium-webfont.woff2') format('woff2'),
         url('../fuentes/gotham-medium-webfont.woff') format('woff'),
         url('../fuentes/gotham-medium-webfont.ttf') format('truetype'),
         url('../fuentes/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'got-book'; /* gotham book */
    src: url('../fuentes/gothambook-webfont.eot');
    src: url('../fuentes/gothambook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/gothambook-webfont.woff2') format('woff2'),
         url('../fuentes/gothambook-webfont.woff') format('woff'),
         url('../fuentes/gothambook-webfont.ttf') format('truetype'),
         url('../fuentes/gothambook-webfont.svg#gothambookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'got_Bold'; /* gotham bold */
    src: url('../fuentes/gotham-bold-webfont.eot');
    src: url('../fuentes/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/gotham-bold-webfont.woff2') format('woff2'),
         url('../fuentes/gotham-bold-webfont.woff') format('woff'),
         url('../fuentes/gotham-bold-webfont.ttf') format('truetype'),
         url('../fuentes/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jack'; /* gotham bold */
    
    src: 
         url('../fuentes/cheddar_jack.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;
}






/* LOGIN - log01_
   ----------------------------- */
#myModalMessageLabel{
	margin-top: 0;
}
.log01_contenedor {
	max-width: 498px;
	margin: 0 auto;
	font-family: 'tt_thin';
	padding-top: 10px;
	color: #919090;
}

.log01_contenedor .logo {
	display: block;
	margin: 0 auto;
}

.log01_contenedor h2 {
	width: 100%;
	text-align: left;
	font-size: 50px;
	margin-top: 10px;
}

.log01_contenedor .formulario {
	width: 100%;
	margin-top: 30px;
}

#formRetrieve input[type=text],#formLogin input[type=text], #formLogin input[type=password]{
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 10px;
	color: #87868a;
	font-family: "got-book";
	font-size: 16px;
	margin-bottom: 16px;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	width: 90%;
	
	margin-left: 0px;
}

.log01_contenedor .check-input{
	margin-top: 10px;
	font-weight: bold;
	display: inline-block;
}
.log01_contenedor .formulario .btn_sector {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
	text-align: center;
}

.bosque_img{
	float: right;
	margin-bottom: 20px;
}

.user_herramientas {
	max-width: 600px;
	border: 0;
	padding-top: 20px;
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.user_herramientas a {
	color: #919090;
	display: inline-block;
	font-family: "tt_thin";
	font-size: 18px;
	height: 38px;
	line-height: 38px;
	margin-left: 25px;
	margin-right: 25px;
	padding-left: 50px;
}
.user_invitado{
	background: url('../img/icon_inv_web.png') no-repeat 0 center ;

}
.invitado{
	margin-top: 0 !important;
	border-bottom: 2px solid #4b93e5;
	padding-top: 0 !important;
}

.invitado a {
	color: #4b93e5;
	
}
.invitado_contenedor{
	text-align: center;
}
.title_invitado{
	font-size: 25px;
	margin-bottom: 20px;
	margin-top: 50px;
	text-align: center;
	position: relative;
   	font-family: 'tt_light';
    z-index: 1;
    overflow: hidden;
    font-weight: normal;
    margin-left: 11px;
    margin-right: 11px;
    
}

.title_invitado:before, .title_invitado:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #919090;
}
.title_invitado:before {
    margin-left: -53%;
    text-align: right;
}
.title_invitado:after {
    margin-left: 4%;
   }
.select_estilo.plan_invitado{
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.btn.btn_invitado{
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

.user_herramientas_retrieve{
	border-top: 1px solid #919090;
	border-bottom: 1px solid #919090;
	padding-bottom: 20px;
}

.user_herramientas a.user_register {
	background: url('../img/hope_nuevousu.png') no-repeat 0 1px;
}

.user_herramientas a.passw_search {
	background: url('../img/hope_buscar.png') no-repeat 0 1px;
	
}
.email-retrieve{
	height: 30px;
}

.btn {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	font-family: 'got_Bold'; /* gotham bold */
	font-size: 16px;
	margin-left: 7px;
	margin-right: 7px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background-color: #4b93e5;
	border: 2px solid #4b93e5;
    border-radius: 20px;
}

.btn-2 {
	display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    font-family: 'got-book';
    font-size: 14px;
    margin-right: 7px;
    text-decoration: none;
    color: #fff;
    background-color: #4b93e5;
    border: 2px solid #4b93e5;
    border-radius: 20px;
}

.btn-3 {
	display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    font-family: 'got-book';
    font-size: 14px;
    margin-right: 7px;
    text-decoration: none;
    color: #fff;
    background-color: #aaaaaa;
    border: 2px solid #aaaaaa;
	border-radius: 20px;
	margin-top: 18px;
}

.btn-delete {
	display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    font-family: 'got-book';
    font-size: 14px;
    margin-right: 7px;
    text-decoration: none;
    color: #fff;
    background-color: #cf423b;
    border: 2px solid #cf423b;
    border-radius: 20px;
}


.btn.emergencias {
		width: 100%;
    font-family: got-book;
    background-image: url('../img/pantalla_1_icon_telefono.png');
    background-repeat: no-repeat;
    background-position: 40px;
    margin-bottom: 20px;
}



/* ENCABEZADO - hd01_
   ----------------------------- */

.header {
	width: 100%;
	height: auto;
	font-family: 'got_Bold'; /* gotham bold */
	font-size: 15px;
	text-transform: capitalize;
	/*position: fixed;
	z-index: 10;*/
}

.header a.boton {
	color: #fff;
	display: inline-block;
	font-family: 'got_Bold'; /* gotham bold */
	font-size: 14px;
	height: 58px;
	width: 100%;
	position: relative;
	padding-right: 6px;
}

.header a.boton:active {
	color:#E5AD8B;
}

.header a.boton .seleccionado {
	background: url("../img/ico_hd_flecha.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 10px;
	display: block;
	height: 14px;
	position: absolute;
	width:100%;
	z-index:100;
	background-position: 45%;
}




#nav-trigger {
	display: none;
	text-align: right;
	height: 60px;
	background-color: #FF8800;
}
#nav-trigger span {
	display: inline-block;
	background: url("../img/ico_menu_mobile.png") no-repeat;
	width: 32px;
	height: 17px;
	margin-top: 20px;
	margin-right: 20px;
	cursor: pointer;
}

/*nav {
	margin-bottom: 30px;
}*/

nav#nav-main {
	background-color: #0B4F9A; 
	padding: 0;
	height: 90px;
	border-bottom: 5px solid #4b93e5;
}

nav#nav-main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	text-align: center;
}

nav#nav-main li {
	display: inline-block;
	border-right: solid 1px #fff;
	height: 60px;
	padding: 0 30px;
}


nav#nav-main li:last-child, .phone {
	border-right: none;
}
.phone img{
	width: 35%;
	padding-bottom: 5px !important;
}

nav#nav-main li img{
	display: block ;
	margin: 0 auto;
}

nav#nav-mobile {
	position: relative;
	display: none;
}
nav#nav-mobile ul {
	display: none;
	list-style-type: none;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

nav#nav-mobile li {
	display: block;
	padding: 5px 0;
	padding-left: 10px;
	margin: 0;
	background-color: #FF8800;
	border-bottom: solid 1px #dca481
}
nav#nav-mobile li:last-child {
	border-bottom: none;
}



/* Media Querie para menu
-------------------------------------------------------------- */
@media all and (max-width: 508px) {
	.contenedor_s{
		padding-top: 80px !important;
	}
	.contenedor_s.sucursal{
		padding-top: 10px !important;
	}
	.contenedor_s.assistance{
		padding-top: 0 !important;
	}
	
	.top_header {
		display:none;
	}
	.top_header_mobile {
		position: relative;
		display: inline-block;
	}
	.select_mobile_plan{
		display: block;
	}
	.select_desktop_plan{
		display: none;
	}

	.rl01_contenedor.sucursal_contenedor{
		margin-bottom: 80px;
	}
	
	#form_search{
		margin-bottom: 80px !important;
	}

  	#nav-trigger {
    display: block; 
	}

	.top_header_login .top_right, .top_header_login .top_left {
		display:none;
	}
	
	.go_back{
		display:none;
	}
	.go_back_mobile{
		display:inline;
		
	}
  nav#nav-main {
    display: none; 
	}

  nav#nav-mobile {
    display: block;
    /*background-image: url("../img/pantalla_2_header_.png");
    height: 60px;
    background-position-x: 99%;
    background-size: cover;*/
	}
}	

nav#nav-mobile ul {
	padding: 0;
	margin: 0;
}


/* CONTENEDOR SMALL - 
   ----------------------------- */
.contenedor_s {
	margin: 0 auto;
 /*   background: url('../img/p2fondo_1_1.png') left top , url('../img/p2fondo_2_2.png') right top;*/
    padding-top: 20px;
    background-repeat: no-repeat;
    min-height: 278px;
	padding-bottom: 40px;	 	
}

.contain_background{
	background-size: contain;
}
  
  
  /* CONTENEDOR MEDIUM - 
   ----------------------------- */
.contenedor_m {
	max-width: 960px;
	margin: 0 auto;
	margin-top: 40px;
  	margin-bottom: 40px;
  	padding-bottom: 40px;	
}
 
  
  /* TITULO SECCIONES - 
   ----------------------------- */
.select_title{
	font-size: 25px;
	font-family: 'tt_light';
	color: #fff;
	padding-right: 10px;
	display: inline-block;
}
.select_title_right{
	font-size: 25px;
	font-family: 'tt_light';
	color: #fff;
	padding-left: 10px;
	float: left;
}
.select_left{
	text-align: right !important;
}
.select_right{
	text-align: left !important;
}
.tit_seccion {
	/*font-family: 'tt_light';
	text-align: center;
	width: 100%;
	color: #919090;
	text-transform: capitalize;
	font-size: 25px;
	padding-bottom: 3px;
	position: relative;
	z-index: 1;*/
	font-size: 25px;
	font-family: 'tt_light';
	text-align: center;
	text-transform: capitalize;
    color: #919090;
    padding-bottom: 3px;
   
    position: relative;
    
    z-index: 1;
    overflow: hidden;
    
   
}


.tit_seccion strong, .title_invitado strong {
	font-family: 'got_Med';
}
.tit_seccion span{
	background-color: #fff;
	padding:0 10px;
}



/* HOME - hm01_
   ----------------------------- */ 
.hm01_titulo {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	overflow: hidden;
}

.hm01_titulo a {
	display: block;
	background-color: #FF8800;
	color: #fff;
	max-width: 410px;
	margin: 0 auto;
	font-family: "got_Bold";
	font-size: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
	max-width: 500px;
	text-align: center;
	text-transform: uppercase;
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
	box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.hm01_titulo a:active {
	background-color: #D98A59;
}

.hm01_item {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: center;
}
.hm01_item:last-child{
	margin-bottom: 60px;
}

.hm01_item a {
	display: inline-block;
	width: 45%;
	height: 40px;
	background-color: #fff;
	text-transform: capitalize;
	color: #919090;
	font-size: 16px;
	font-family: "got-book";
	position: relative;
	line-height: 40px;
	text-align: center;
	border: 1px solid #999;
	border-radius: 3px;
}
.hm01_item a.my_cartilla{
	height: 40px;
	
}

.hm01_item a:active {
	background-color: #4b93e5;
}

.ico-search {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("../img/pantalla_2_buscar.png") no-repeat;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-cercania {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url("../img/pantalla_2_cercania.png") no-repeat;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-ver {
	display: inline-block;
	width: 32px;
	height: 19px;
	background: url("../img/pantalla_2_ver.png") no-repeat;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-attach {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_adjunto.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-attach-white {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_adjunto_blanco.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-view {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../img/icon_ver.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-print {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../img/icon_imprimir.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-mail {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../img/icon_mail.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-download {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../img/icon_download.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-send {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/icon_enviado.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-rejected {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/icon_rechazado.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-authorized {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/icon_aprobado.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-audit {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/icon_auditoria.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-draft {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/icon_borrador.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-evaluation {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: url("../img/icon_evaluacion.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-edit {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_edit.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-calendar {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_calen.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-calendar {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_calen.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}

.ico-check {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_check.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: -6px;
}




.numberCircle {
    border-radius: 50%;
    width: 21px;
    height: 21px;
    padding: 2px;
    background: #222;
    color: #fff;
    text-align: center;
	display: inline-block;
}

a.hm01_ayuda {
	background: url("../img/ico_ayuda.png") no-repeat scroll right center rgba(0, 0, 0, 0);
	color: #fff;
	display: inline-block;
	font-family: "tt_light";
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	padding-right: 24px;
	position: relative;
	text-align: left;
}

.footer {
	width: 100%;
	text-align: right;
}



/* BUSQUEDAS - sc01_
   ----------------------------- */   

.sc01_item {
	width: 100%;
	margin-top: 20px;
}

.sc01_item .ico {
	height: 32px;
	width: 32px;
	float: left;
}

.sc01_item .ico.especialidad {

	background: url("../img/ic_row_cred.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
	background-size: contain !important;
	height: 25px;
	width: 25px;
	margin-right: 6px;

}
.sc01_item .ico.nombre {
	background: url("../img/p1user.png") no-repeat scroll 2px 3px rgba(0, 0, 0, 0);
}
.sc01_item .ico.localidad {
	background: url("../img/ic_row_zona.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
}
.sc01_item .ico.zona {
	background: url("../img/ic_row_zona.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
}

.sc01_item .ico.prestador {
	background: url("../img/ico_prestador.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
}

.sc01_item .ico.casa {
	background: url("../img/p1user.png") no-repeat scroll 0px 3px rgba(0, 0, 0, 0);
}

.sc01_item .ico.name {
	background: url("../img/ic_row_nombre.png") no-repeat scroll 0px 3px rgba(0, 0, 0, 0);
}


.input_estilo_register{
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	-moz-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
}
.input_estilo_register input{
  width: 466px;
  height: 30px;
  font-family: 'got-book';
  font-size: 16px;
  color: #919090;
  border: 1px solid #999;
  border-radius: 5px;	
  padding-left: 5px;

}


.input_estilo{
	padding: 0;
	margin: 0;
	width: 478px;
	height: 35px;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	-moz-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
}
.input_estilo input{
  width: 464px;
  height: 30px;
  font-family: 'got-book';
  font-size: 16px;
  color: #919090;
  border: 1px solid #999;
  border-radius: 5px;
  padding-left: 5px;
	margin-left: 5px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #919090;
     opacity: 1 !important;
}

.select_estilo {
	padding: 0;
	margin: 0;
  margin-left: -5px;
	width: 478px;
	height: 35px;
	overflow: hidden;
	background-color: #fff;

	background: #fff url("../img/arrow_row.png") no-repeat 100%;

	-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	-moz-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	background-size: contain;
	border-radius: 5px;
}

.select_estilo select {
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'got-book'; /* gotham book */
	font-size: 16px;
	color: #919090;
	border: 1px solid #999;
	border-radius: 5px;
	height: 35px;
	width: 100%;
	padding-left: 5px;
	margin-left: 0;

}

.select_estilo select:focus {
	outline: none;
}


.select_register{
	margin-top: 20px;
	
	margin-left: 0;
}

select::-ms-expand { /* solo para el Sr.Explorer */
	display: none;
}

.plan_select{
  width: 510px !important;
}
/* BUSQUEDA ROL CALL CENTER*/

.row_select{
	float: left;
	width: 100%;
	background-color: #4b93e5;
	margin-top: -10px;
	z-index: 100;
    position: relative;
    padding: 10px;
}

.row_left, .row_right{
	float: left;
	width: 50%;
	text-align: center;
	margin-top: 5px;
    margin-bottom: 5px;
}


.select_estilo2 {
	padding: 0;
	margin: 0;
  	
	width: 40%;
	height: 35px;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	background: #fff url("../img/arrow_row_gris.png") no-repeat 100%;

	-webkit-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	-moz-box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.30);
	background-size: contain;
	border-radius: 5px;
}

.select_estilo2 select {
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: 'got-book'; /* gotham book */
	font-size: 16px;
	color: #919090;
	border: 1px solid #999;
	border-radius: 5px;
	height: 35px;
	width: 100%;
	padding-left: 5px;
	
}

.select_estilo2 select:focus {
	outline: none;
}

.select_plan{
	float:right;
}


.select_cartilla{
	margin-left: 10px;
	display: inline-block;
}

/* BUSQUEDAS RESULTADOS - rl01_
   ----------------------------- */ 


.rl01_centrado {
	width: 510px;
	margin: 0 auto;
	position: relative;
}

.rl01_contenedor {
	width: 610px;
	min-height: 100%;
	margin: 0 auto;
	/*background: #fff; /* Old browsers */
	/*background: #dadada; /* Old browsers */
	/*background: -moz-linear-gradient(left,  #dadada 0%, #ffffff 51%, #dadada 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dadada), color-stop(51%,#ffffff), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(left,  #dadada 0%,#ffffff 51%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(left,  #dadada 0%,#ffffff 51%,#dadada 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(left,  #dadada 0%,#ffffff 51%,#dadada 100%); /* IE10+ */
	/*background: linear-gradient(to right,  #dadada 0%,#ffffff 51%,#dadada 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dadada',GradientType=1 ); /* IE6-9 */
	position: relative;
}

.busqueda_vacia{
  width: 100%;
	background-color: #4b93e5;
	color: #fff;
	font-family: 'got-book'; /* gotham book */
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}
.busqueda_vacia .rl01_centrado{
  width: 600px;
}
.empty_search{
  display: none;
}

.titulo_separador {
	width: 100%;
	background-color: #4b93e5;
	color: #fff;
	font-family: 'got-book'; /* gotham book */
	text-transform: capitalize;
	min-height: 50px;
	line-height: 50px;
	font-size: 23px;
	text-align: center;
}

.rl01_contenedor .titulo {
	width: 100%;
	background-color: #4b93e5;
	color: #fff;
	font-family: 'got-book'; /* gotham book */
	text-transform: capitalize;
	min-height: 40px;
	line-height: 40px;
	font-size: 20px;
}

.rl01_contenedor .subtitulo {
	width: 100%;
	background-color: #436391;
	color: #fff;
	font-family: 'got-book'; /* gotham book */
	text-transform: capitalize;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
}

.telefono_contenedor  .item {
  cursor: default !important; 
} 
.telefono_contenedor  .item:active {
  background-color: transparent !important; 
} 

.rl01_contenedor .noitem {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #c6c6c6;
	font-family: 'got-book'; 
	overflow: hidden;
	color: #1e3a6d;
	max-width: 95%;
	font-size: 16px;
}

.rl01_contenedor .item {
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #c6c6c6;
	font-family: 'got-book'; /* gotham book */
	font-size: 13px;
	overflow: hidden;
	cursor: pointer;
}

.rl01_contenedor .item:hover {
	background-color: #efefef;
} 

.rl01_contenedor .item:active {
	background-color: #D0D5DC;
} 

.rl01_contenedor .item h2 {
	color: #1e3a6d;
	max-width: 95%;
	font-size: 16px;
}

.rl01_contenedor .item p {
	color: #919090;
	max-width: 95%;
	font-size: 14px;
}

.rl01_contenedor .item.seleccionado {
	background-color: #c6cdda;
}

.rl01_contenedor .item .ico_flecha {
	background: url("../img/pantalla_general_flecha_row.png") no-repeat;
	width: 16px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	background-size: contain;
}

 
   
/* ZOOM INFO - rl02_
   ----------------------------- */ 

.rl02_fondo {
	background: #fff; /* Old browsers */
	overflow: hidden;
}

.rl02_contenedor {
	margin: 0 auto;
	margin-top: 70px;
	max-width: 470px;
	height: 100%;
}

.rl02_contenedor .item {
	width: 100%;
	margin-bottom: 20px;
}

.rl02_contenedor .item .nombre {
	float: left;
	width: 100%;
	position: relative;
	color: #1e3a6d;
	font-size: 20px;
	font-family: 'got-book'; /* gotham book */
	margin-bottom: 10px;
	line-height: 25px;
}

.rl02_contenedor .item .nombre h2 {
	padding-right: 30px;
	color: #4b93e5;
}

.rl02_contenedor .item a.ico_corazon {
	background: url("../img/pantalla_nueva_corazon_2.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-size: contain;
}
.rl02_contenedor .item a.ico_corazon_favorito{
	background: url("../img/pantalla_nueva_corazon.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-size: contain;
}


.rl02_contenedor .item a.ico_ubicacion {
	background: url("../img/pantalla_nueva_ubicacion.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background-size: contain;
}
.rl02_contenedor .item a.ico_telefono {
	background: url("../img/pantalla_nueva_telefono.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
  	cursor: default;
	background-size: contain;
}

.rl02_contenedor .item a.ico_email {
	background: url("../img/pantalla_nueva_telefono.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	cursor: default;
	background-size: contain;
}

.rl02_contenedor .item a.ico_whatsapp {
	background: url("../img/icon_wsp.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
  	cursor: default;
	background-size: contain;
}

.rl02_contenedor .item a.ico_celular {
	background: url("../img/icon_cel.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
  	cursor: default;
	background-size: contain;
}

.rl02_contenedor .item a.ico_email {
	background: url("../img/icono_mail.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
  	cursor: default;
	background-size: contain;
}

.rl02_contenedor .item a.ico_web {
	background: url("../img/icon_web.png") no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
  	cursor: default;
	background-size: contain;
}

.rl02_contenedor .item .titulo {
	background-color: #bcbabb;
	color: #eee;
	float: left;
	font-family: "got-book";
	font-size: 15px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 3px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}

.rl02_contenedor .item .direccion {
	float: left;
	width: 100%;
	position: relative;
	color: #999;
	font-size: 16px;
	font-family: 'got-book'; /* gotham book */
	margin-bottom: 10px;
	margin-top: 5px;
	text-transform: capitalize;
}

.rl02_contenedor .item .direccion p {
	padding-right: 30px;
	text-transform: capitalize;
}

.capitalize{
	text-transform: capitalize;
}

.rl02_contenedor .item .telefono {
	float: left;
	width: 100%;
	position: relative;
	color: #999;
	font-size: 16px;
	font-family: 'got-book'; /* gotham book */
	padding-bottom: 10px;
}

.rl02_contenedor .item .telefono p {
	padding-right: 30px;
	padding-top: 5px;
}
.rl02_contenedor .item .telefono p a{
		color: #999;
}

.rl02_contenedor .item .email {
	float: left;
	width: 100%;
	position: relative;
	color: #999;
	font-size: 16px;
	font-family: 'got-book'; /* gotham book */
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-top: 5px;
}

.rl02_contenedor .item .email p {
	padding-right: 30px;
	padding-top: 5px;
}
.rl02_contenedor .item .email p a{
	color: #999;
}


/* MAPA - rl03_
   ----------------------------- */ 

.rl03_contenedor {
	width: 100%;
	height: 100%;
	position: relative;
}
.over_map { position: absolute; top: 10px; right: 10px; }

#directions {
	background-image: url("../img/directions.png");
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 60px;
    right: 10px;
}

#directions-sanatorios {
	background-image: url("../img/directions-small.png");
    cursor: pointer;
    float: right;
    height: 20px;
    margin-top: 10px;
    width: 20px;
}

#newPos{
    position: absolute;
    left: 50%;
    margin: 24px 0 0 -130px;
}

.rl03_mapa {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	margin-top: 60px;
}
.rl03_mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.cercania{
	margin-top: 0 !important;
}
.llego { 
	position: absolute; 
	top: 50px; right: 10px; 
	background-color: #ddd;
	width: 300px;
	text-align: center;
	 }
.llego input{
	background-color: #fff;
    border: 0 none;
    color: #87868a;
    font-family: "got-book";
    font-size: 16px;
    margin-bottom: 16px;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 7px;
    width: 90%;
    margin-top: 10px;
    -webkit-box-shadow: inset 0px 3px 2px 0px rgba(50, 50, 50, 0.32), 0px 2px 2px 0px rgba(255, 255, 255, 0.35);
    -moz-box-shadow: inset 0px 3px 2px 0px rgba(50, 50, 50, 0.32), 0px 2px 2px 0px rgba(255, 255, 255, 0.35);
    box-shadow: inset 0px 3px 2px 0px rgba(50, 50, 50, 0.32), 0px 2px 2px 0px rgba(255, 255, 255, 0.35);
    margin-left: -5px;
}
.llego button{
	margin-bottom: 10px;
}
#instructions{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 400px;
	display: none;
}
.llego #cerrar{
	display: none;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


.link_mapa{
  color: #87868a;
  text-decoration: none;
  cursor: pointer;
}

.hm01_item a.busqueda_sucursal, .hm01_item a.busqueda_farmacia{
  width: 360px;
  text-align: center;
}

.div_pagination{
  width: 100%;
  text-align: center;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  text-align: center;
}
.pagination>li {
  display: inline;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

a.hm01_ayuda {
	display: none;
}

#form_search{
	width: 510px;
	margin: 0 auto;
	max-width:100%;
}

.footer-mobile {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-transform: capitalize;
}

/* Autorizaciones */

#container {
	font-family: 'got-book';
	width: 510px;
    margin: 0 auto;
    max-width: 100%;
}

#container .navbar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#container .navbar ul {
    list-style-type: none; 
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    display:table;
    overflow: hidden;
}
#container .navbar li {
    float: left;
    padding: 2px;
    width: 65px;
    margin-left: auto ;
    margin-right: auto ;
}

#container .navbar li a {
	color: #919090;
	font-size: 13px;
}

#container .navbar li a.selected {
	font-weight: bold;
	color: #1e3a6d;
	border-bottom: 1px solid #1e3a6d;
	padding-bottom: 2px;
}

#container .nav-auth{
	margin-bottom: 20px;
}

#container .solapa {
	border-radius: 6px;
    border-width: 1px;
	border-style: solid;	
	border-color: #999;
	padding: 20px;
	-webkit-box-shadow: #999 0px 0px 8px 5px;
	-moz-box-shadow: #999 0px 0px 8px 5px;
	box-shadow: #999 0px 0px 8px 5px;
	margin: 23px; 
	float: left;
	max-width: 100%;
}

#container .solapa h1 {
	font-size: 20px;
    color: #919090;
    text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}

#container .solapa h2 {
	font-size: 15px;
    color: #919090;
    font-weight: normal;
}

#container .solapa h2 img {
	position: relative;
	bottom: 4px;
	height: 18px;
}
.save-athorization, dv_save-athorization{
	margin-top: 10px;
}

form .block {
	margin-bottom: 15px;
	position: relative;
	width: 100%;
}

form .block input[type="text"] {
	padding: 3px;
    padding-left: 8px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    height: 35px;
    overflow: hidden;
    background-color: #fff;
    color: #919090;
    border: 1px solid #999;
    border-radius: 8px;
	font-size: 14px;
	background: url(../img/icon_edit.png) no-repeat scroll 98%;
}

form .block input[type="text"].js-datepicker {
	background: url(../img/icon_calen.png) no-repeat scroll 98%;
}

form .block select {
	padding: 3px;
    padding-left: 8px;
    margin: 0;
    width: 100%;
    height: 35px;
    overflow: hidden;
    background-color: #fff;
    color: #919090;
    border: 1px solid #999;
    border-radius: 8px;
    font-size: 14px;
    background: url(../img/arrow_row.png) no-repeat scroll 100%;
	background-size: contain;
	-webkit-appearance: none;
}

form .block select::-ms-expand {
    display: none;
}


form .block label {
	display: inline-block;
    width: 140px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #919090;
}​

/* FOOTER */

nav#nav-footer ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

nav#nav-footer {
	background-color: #0B4F9A; 
	padding: 0;
	height: 90px;
	border-top: 5px solid #4b93e5;
	float: left;
	width: 100%;
}

nav#nav-footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

nav#nav-footer li {
	display: inline-block;
	border-right: solid 1px #fff;
	height: 90px;
  padding: 20px 19px;
	width: 20%; /* poner a 10% para el salir*/
}


nav#nav-footer li:last-child, .phone {
	border-right: none;
}

nav#nav-footer li img{
	display: block ;
	margin: 0 auto;
	height: 24px;
	width: auto;
}



.footer-mobile a.boton {
	color: #fff;
	display: inline-block;
	font-family: 'got-book'; /* gotham bold */
	font-size: 12px;
	height: 58px;
	width: 100%;
	position: relative;
	padding-right: 6px;
}

.footer-mobile a.boton:active {
	color:#E5AD8B;
}

.footer-mobile a.boton .seleccionado {
	  background: url("../img/ico_hd_flecha.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: -50px;
    display: block;
    height: 14px;
    position: absolute;
    width: 100%;
    z-index: 100;
    background-position: 45%;
    left: -2px;
}
.modal{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    background-color: rgba(0,0,0,.5);
	display: none;

}	

.modal-dialog{
	position: fixed;
    top: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
   opacity: 1;
   margin-left: auto;
   margin-right: auto;
   width: 300px;
   height: 200px;
   background-color: #fff;
   text-align: center;
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
   border-radius: 6px;
	border: 1px solid rgba(0,0,0,.2);

}
.modal-fullscreen{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
	opacity: 1;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,.2);
	overflow: auto;
}
.modal-fullscreen .modal-body{
	padding: 10px;
	font-size: 16px;
}
.modal-fullscreen .text-terms{
	width: 60%;
    margin: auto;
    text-align: justify;
	padding-bottom: 20px;
}

.modal .modal-title{
	color:#919090;
	font-family: 'tt_light';
	font-size: 20px;

}
.modal .modal-header{
	text-align: right;
}
.modal-fullscreen .modal-header{
	padding-right: 40px;
}
.modal .close{
	background-color: transparent;
	border: none;
	color:#919090;
	text-align: right;
	font-size: 30px;
}
.modal .btn{
	padding-left: 40px;
	padding-right: 40px;
}
/**
 PRE HOME
*/

.prehome{
	text-align: center;
	margin-top: 40px;
	padding: 10px;
	display: grid;
  	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px 2em;
	justify-items: center;
}

.col-prehome{
	display: block;
	position: relative;
	width: 150px;
	height: 170px;
}

.box{
	align-self: center;
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0px 0px 16px 1px rgba(204, 204, 204, 0.8);
	-moz-box-shadow: 0px 0px 16px 1px rgba(204, 204, 204, 0.8);
	-webkit-box-shadow: 0px 0px 16px 1px rgba(204, 204, 204, 0.8);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}

.box:hover{
	background-color: #4b93e5;
	
}

.box:hover .text-prehome{
	color: #fff;

}
.box:hover .title-prehome-corona{
	color: #fff;
}

.box span{
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
    text-align: center;
}

.box_mi_cartilla{
	background-image: url('../img/home/ic_home_mi_cartilla.svg');

}
.box_mi_cartilla:hover{
	background-image: url('../img/home/ic_home_mi_cartilla_blanco.svg');
}
.box_credencial{
	background-image: url('../img/home/ic_home_credencial.svg');

}
.box_credencial:hover{
	background-image: url('../img/home/ic_home_credencial_blanco.svg');
}
.box_avion{
	background-image: url('../img/home/ic_home_asistencia.svg');

}
.box_avion:hover{
	background-image: url('../img/home/ic_home_asistencia_blanco.svg');
}

.box_covid{
	background-image: url('../img/home/ic_home_covid.svg');

}
.box_covid:hover{
	background-image: url('../img/home/ic_home_covid_blanco.svg');
}

.box_club{
	background-image: url('../img/home/ic_home_club_hope.svg');

}
.box_club:hover{
	background-image: url('../img/home/ic_home_club_hope_blanco.svg');
}

.box_autorizacion{
	background-image: url('../img/home/ic_home_autorizaciones.svg');

}
.box_autorizacion:hover{
	background-image: url('../img/home/ic_home_autorizaciones_blanco.svg');
}


.box_consulta_virtual{
	background-image: url('../img/home/ic_home_consulta_virtual_blanco.svg');
}

.box_nuevo{

	background-color: linear-gradient(100deg, #1961ac 0%, #00a4b8 100%);
	background-image: url('../img/home/ic_home_consulta_virtual_blanco.svg');

	align-self: center;
	width: 150px;
	height: 150px;
	display: block;
	position: absolute;
	padding: 10px;
	border-radius: 10px;
	background: linear-gradient(100deg, #1961ac 0%, #00a4b8 100%);
	box-shadow: 0px 0px 16px 1px rgba(204, 204, 204, 0.8);
	-moz-box-shadow: 0px 0px 16px 1px rgba(204, 204, 204, 0.8);
	-webkit-box-shadow: 0px 0px 16px 1px rgba(204, 204, 204, 0.8);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: 100%;
}
.text-prehome_nuevo{
	display: block;
	font-size: 14px;
	color: #fff;
	font-family: 'tt_light';
}
.grisado{
	opacity: 0.5;
}
.text-prehome{
	display: block;
	font-size: 18px;
	color: #919090;
	font-family: 'tt_light';
}
.title-prehome-corona{
	height: 50px;
	color: #4b93e5;
	font-size: 25px;
	line-height: 50px;
}
.text-corona{
	text-align: left;
}
.text-corona p{
	margin-bottom: 15px;
	margin-top: 15px; 
}
.text-corona strong{
	font-weight: bold;
}

/* ASSISTANCE */
.assistance{
	width: 100%;
	float: left;
	text-align: center;
	font-family: 'got-book';
	background-image: none;
	
}
.assistance .title{
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 40px;
	line-height: 37px;
}
.assistance .title img{
	padding-right: 10px;
}
.row-assistance{
	display: flex;
	width: 40%;
	justify-content: center;
	margin: auto;
}
.choose_type_assistance{
	margin-top: 40px;
}
.col-assistance{
	flex: 1; 
  	justify-content: flex-start;
  	flex-direction: column;
	display: flex;
	font-size: 16px;
}

.col-assistance .cobertura{
    justify-content: flex-end;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.col-assistance .cobertura a{
	color: #fff;
	background-color: #4b93e5;
	font-weight: bold;
	padding: 10px 15px 10px 15px;
	text-transform: uppercase;
	display: block;
}

.col-assistance .title-section{
	font-weight: bold;
	margin-bottom: 20px;
}
.col-assistance .title_bold{
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: 40px;
}

.col-assistance .subtitle-section{
	font-size: 16px;
	margin-bottom: 20px;
}
.col-assistance .subtitle_bold{
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 30px;
	font-weight: bold;
}
.col-assistance .text-section{
	margin-bottom: 30px;
	text-align: center;
	color: #3a3a3a;
}
.col-assistance .text-section .div-images{
	text-align: center;
}
.col-assistance .phone-number{
	color: #1e3a6d;
	font-weight: bold;
	font-size: 30px;
}
.col-assistance .phone-number a{
	color: #5D7FA1;
}

.col-assistance .phone-data{
	text-align: left;
	width: 100%;
	clear: both;
}
.col-assistance .phone-data .country{
	width: 150px;
	color: #000;
	font-weight:bold;
	font-size: 12px;
	float: left;
}
.col-assistance .phone-data .number{
	float: left;
	color: #1e3a6d;
	font-weight: bold;
	font-size: 12px;

}
.col-assistance .contact{
	font-weight: bold;
	line-height: 30px;
}
.mobile-assistance{
	display: block;
	margin-bottom: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mobile-assistance ul{
		list-style-type: none;
    text-align: center;
    margin: 0 auto;
    padding: 0px;
    display: table;
    overflow: hidden;
}
.mobile-assistance ul li{
		float: left;
		padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.mobile-assistance ul li a{
	color: #919090;
	font-size: 13px;
	cursor: pointer;
}
.mobile-assistance ul li a.selected{
		font-weight: bold;
    color: #1e3a6d;
    border-bottom: 1px solid #1e3a6d;
		padding-bottom: 2px;
		font-size: 13px;
}
#col-nacional-covid{
	display: none;
}

@media (max-width: 1210px){
	.prehome{
		grid-template-columns: 1fr 1fr 1fr ;
		grid-gap: 30px 2em;
		
	}
}

@media (max-width: 1024px){

	.solapa-one{
		float: none !important;
	}

}

@media (max-width: 700px){
	
	.col-prehome{
		width: 120px;
		height: 120px;
	}
    .box{
		width: 100px;
		height: 100px;
		background-position: center 20px ;
		background-size: 40%;
	}

	.box_nuevo{
		width: 100px;
		height: 100px;
		background-position: center 20% ;
		background-size: 1%;
		background-repeat: inherit;


	}
	.text-prehome_nuevo{
		font-size: 14px;
	}
	.text-prehome{
		font-size: 14px;
	}

	.content-emergency{
		display: block;
	}
	.float-emergencia{
		display: none;
	}
	
	.content-emergency a{
		display: flex;
		align-items: center;
		font-weight: bold;
		color: #FFF !important;
			font-size: 13px;
			line-height: 14px;
		}
		
.content-emergency .content-emergency-buton {
	display: flex;
	align-items: center;
	font-weight: bold;
		background: linear-gradient(100deg, #1961ac 0%, #00a4b8 100%);
		border: 1px solid #fff;
		padding: 6px 16px;
		border-radius: 32px;
		color: #FFF !important;
		cursor: pointer;
		min-height: 40px;
		font-size: 13px;
		line-height: 14px;
		margin: auto;
		margin-bottom: 10px;
		justify-content: center;
		max-width: 78%;
	}
	.content-emergency .data-emergency{
		padding-right: 10px;
    	padding-left: 10px;
	}
	.content-emergency img{
		height: 25px;
	}
}
@media (max-width: 600px){
	.fila .col-50.col-prestacion-name{
		width: 100%;
	}
	.fila .col-50.col-status{
		width: 100%;
	}
	.fila .col-50.col-status .text-3{
		float: left; 
	}
	
}

@media (max-width: 1024px) and (min-width: 701px){
	.select_estilo2{
		width: 60%;
	}
}
@media (max-width: 900px) and (min-width:800px){
	.row-assistance{
		width: 80%;
	}
}
@media (max-width: 800px){
.row-assistance{
	width: 90%;
	display: block;
}

}

@media (max-width: 700px) and (min-width: 321px){
	.row_select.select_mobile_plan{
		padding:0 !important;
	}
	.tit_seccion:before, .tit_seccion:after{
		width: 20%;
	}
}

@media (max-width: 470px) {
	.prehome{
		grid-template-columns: 1fr 1fr  ;
		grid-gap: 30px 2em;
		
	}
	
	
}
@media (max-width: 320px) {
	.select_mobile_plan .row_left, .select_mobile_plan .row_right{
		width: 50%;
	}
	.tit_seccion:before, .tit_seccion:after{
		width: 15%;
	}
	.row_select.select_mobile_plan{
		padding:0 !important;
	}

	.prehome{
		grid-template-columns: 1fr 1fr  ;
		grid-gap: 30px 2em;
		
	}

	.col-prehome{
		width: 100px;
		height: 100px;
	}
    .box{
		width: 80px;
		height: 80px;
		background-position: center 10% ;
		background-size: 40%;
	}
	.text-prehome{
		font-size: 14px;
	}

	.box_nuevo{
		width: 80px;
		height: 80px;
		background-position: center 10% ;
		background-size: 40%;
		background-repeat: repeat;


	}
	.text-prehome_nuevo{
		font-size: 14px;
	}
	
    

}