@font-face {
		font-family: 'Futura';
		src: url('../../fonts/Futura/futura_oblique-webfont.eot');
		src: url('../../fonts/Futura/futura_oblique-webfont.eot?#iefix') format('embedded-opentype'),
				url('../../fonts/Futura/futura_oblique-webfont.woff') format('woff'),
				 url('../../fonts/Futura/futura_oblique-webfont.ttf') format('truetype'); 
		font-weight: normal;
		font-style: normal;

}

@font-face {
		font-family: 'L-icon';
		src: url('../fonts/L-icon/l_icon.woff') format('woff'),
			url('../fonts/L-icon/l_icon.ttf') format('truetype'); 
		font-weight: normal;
		font-style: normal;
}



html, body{
width:100%;
margin:0px;
padding:0px;
font-family:Futura;
}

/*desarrolo*/
a{
	/*border:dotted 1px red;*/
	position:relative;
	text-decoration:none;
}

div, a, p, input, textarea{
	box-sizing:border-box
	
	}

a{
	margin:0px;
	padding:0px;
	font-size:12pt;
	display:inline-block;
}

input[type='text'], input[type='search'], input[type='password']{
	margin:0px;
	padding:5px;
	/*border:solid 1px blue;*/
	font-family:Futura;
	font-size:13pt;
}

header{
	position:relative;
	font-size:0px;
	width:100%;
}

header a{
	width:20%;
	height:100%;
	overflow:hidden;
	text-align:center;
	/*display:table-cell;*/
	vertical-align:middle;
}

header div{
	width:100%;
	height:100%;
	position:absolute;
	display:none;
}

#header-busqueda{
	display:block;
	top:0px;
}

#buscador{
	font-size:0px;
	/*width:100%;*/
}

#buscador p{
	float:left;
	display:inline-block;
	width:80%;
	height:100%;
}

#buscador p{
	padding:4%;
}

#buscador p input{
	width:100%;
	height:100%;
	
}

#buscador a{
	float:left;
	width:20%;
	height:100%;
}


#resultados{
	width:100%;
	position:relative;
}

#resultados .resultado{
	width:100%;
	/*border-top:solid 1px gray;
	border-bottom:solid 1px #FFF;*/
	position:relative;
}

#resultados .resultado .datos{
	float:left;
	overflow:hidden;
	width:80%;
	/*border:dotted 1px green;*/
	padding:4%;
	text-transform:capitalize;
}

#resultados .resultado .datos h1{
	font-size:14pt;
	margin:0px;
	padding:0px;

	
}

#resultados .resultado .datos h2{
	font-size:14pt;
	margin:0px;
	padding:0px;
}

#resultados .resultado .datos h3{
	font-size:14pt;
	margin:0px;
	padding:0px;
}

#resultados .resultado .llamar{
	float:left;
	width:20%;
	height:100%;
}

#resultados .resultado .llamar a{
	width:100%;
	height:100%;
}

#train{
	position:absolute;
	/*border:dotted 1px blue;*/
}

#body{
	position:relative;
	width:100%;
	/*border:dotted 1px green;*/
	overflow-x: hidden;
}

#detalle .edit_mode p,
#detalle .read_mode p
{
	margin:5%;
	padding:0px;
	/*border:dotted 1px blue;*/
	font-size:0px;
	vertical-align:top;
}

#detalle .read_mode p{
	font-size:13pt;
}

#datos_de_contacto_telf p{
	font-size:15pt;
}

#datos_de_contacto_telf p a{
	vertical-align:middle;
	text-align:center;
}



#datos_de_contacto_telf p span.operador{
	border-right:solid 1px #999;
	padding:0px 2px;
}

#datos_de_contacto_telf p span.tipo{
	border-right:solid 1px #999;
	padding:0px 2px;
}

#datos_de_contacto_telf p a:last-child{
	float:right;
}

#detalle{
}


#detalle .read_mode .linea_separadora{
	border-bottom:#666 1px solid;
}

#datos_anotaciones{
	margin:5%;
}

#detalle input[type='text'],
#detalle input[type='tel'],
#detalle input[type='email'],
#detalle textarea{
	width:100%;
	margin:0px;
	padding:8px;
	border:solid 1px gray;
	font-family:Futura;
	font-size:13pt;
}

#detalle p{
	display:block;
	font-size:0px;
}

#detalle a
{
	width:25px;
	height:25px;
	margin:0px;
	padding:0px;
}

#detalle .edit_mode p a
{
	display:none;
	float:right;
}

#detalle .edit_mode p a.activo
{
	display:block;
}




.popup{
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	opacity:0;
	padding:10%;
	width:100%;
	overflow-x:hidden;
	min-height:100%;
	z-index:4;
}

.popup>div
{
	padding:10%;
	background-color:#FFF;
	color:#333;
}

#popup_combo>div a
{
	width:100%;
	padding:10px;
}


#popup_mensaje>div p:last-child{
	text-align:center;
}

#loading_screen{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	background-color:rgba(255,255,255,0.75);
	background-image:url(../img/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}

span.l_icon{
	font-family:"L-icon";
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
}

.btn-square .l_icon{
	font-size:40pt;
}

.linea_separadora .l_icon{
	font-size:20pt;	
}

.edit_mode a{
	text-align:center;
}

.edit_mode a span.l_icon{
	font-size:20pt;
}

header a span.l_icon{
	font-size:30pt;
}

.llamar span.l_icon{
	font-size:45pt;
}

.select_box span.l_icon{
	font-size:20pt;
	padding-right:3px;
	margin-right:10px;
	border-right:solid 1px #999999;
}

.loading{
	width:100%;
	min-height:300px;
	background-image:url(../img/buscando.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#login_screen{
	width:100%;
	height:100%;
	opacity:1;
	display:block;
	position:absolute;
	background-color:#FFF;
	z-index:3;
	text-align:center;
}

#login_screen p{
	width:100%;
	/*border:#F00 dotted 0px;*/
	text-align:center;
}


#login_screen p input,
#login_screen p a{
	width:70%;
}

#login_screen p:first-child{
	margin-top:150px;
}

a.loading_button{
	background-image:url(../img/loading_button.gif);
	background-repeat:no-repeat;
	background-position:left;
}

a.loading_save{
	background-image:url(../img/loading_save.gif);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:bottom;
}


skeleton{
	display:none;
}

.lista{
	min-height:200px;
}

.lista.loading{
	background-image:url(../img/buscando.gif);
	background-position:center;
	background-repeat:no-repeat;
	
}

.ultimo_acceso{
	margin:5%;
}

#popup_mensaje .close_popup{
	padding:10px 15px;
}

p.mensaje span:first-child{
	display:block;
	font-family: 'L-icon';
	font-size:50pt;
	color:#666;
	text-align:center;
	width:100%;
	box-sizing:border-box;
}

/*colores*/

/*colores background*/
header,
#buscador{
	background-color:#aac4d1;	
}

header div a,
.llamar,
.linea_separadora p a,
.edit_mode p a,
#popup_mensaje .close_popup,
#login_screen a{
	background-color:#2a5b84;	
}

#btn_buscar{
	background-color:#FFF;	
}

/*colores texto*/

#btn_buscar,
.popup a
{
	color:#2a5b84;
}

header div a,
.llamar a,
.linea_separadora p a span.l_icon,
.edit_mode p a,
#popup_mensaje .close_popup,
#login_screen a
{
	color:#FFF;	
}

.linea_separadora p span.l_icon{
	color:#aac4d1;	
}

/*colores de border*/

input,
textarea{
	border:none;
}

.edit_mode p .btn_select{
	border-right:solid 1px white;
}

header div a{
	border-left:solid 1px white;
}

.llamar a{
	border-bottom:solid 1px white;
}

header div a:first-child{
	border:none;
}

.datos{
	border-top:solid 1px #CCC;
}

/*login screen*/
#login_screen input{
	padding:10px 0px;
	border-bottom:solid 1px gray;
}

#login_screen a{
	padding:10px;
}