/* CSS Document */


/*colores*/
/*azul #0098CC*/
/*verde #D10074*/


/*

@font-face 
{
font-family: 'TradeGothic';
	font-style: normal;
  	font-weight: normal;
	src: url('http://demo0.attest.es/Adjuntos/INKOLAN/css/TradeGothicCond18.eot');
	src: local('TradeGothic'), url('http://demo0.attest.es/Adjuntos/INKOLAN/css/TradeGothicCond18.ttf') format('truetype');	
 
} 

*/

body
{
	font-family: "Open Sans", "Open Sans", sans-serif;
    font-size: 0.8rem;
}
body#emergente
{
	background:none;
}


#Contenido{     background-color: #ecedef; margin-top:0.3em;}

.Contenedor 
{
    overflow: hidden;
    max-width: 985px;
    color: #363534;
    padding: 10px;
    font-family: "Open Sans", sans-serif;
    font-size:1.4em !important;
    background-color: #ecedef;
}
/* .ContenedorCentral{ background:url(../img/fnContenedorCentral.jpg) repeat-x left top}*/

/*----cargando---*/
.upProgreso
{
	width: 300px; /*background-color: #89B51E; bottom: 0;     left: 0px;     position: absolute;*/
	font: bold 2.2em "Century Gothic" , "Lucida Sans Unicode" , Arial;
	color: #D10074;
	padding-top: 5px;
} 

iframe.modal{
    overflow: auto;
}

/*----ESTILOS CABECERA----*/

.CabeceraMail {
    color: #009FDA;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    padding: 5px 53px 0;
}
#FormLoginCabecera {
	font-size:12px !important;
	float:left;
	margin-left:4em;
	padding:0.3em 0 0 0.5em;
}

#FormLoginCabecera p label { font-weight:bold; }
html>/*/*/body #FormLoginCabecera form div  { margin-bottom:5px;}  
.LabelLogin { width:5.5em !important; float:left;}
.InputLogin { width:3em !important; float:left;}
.InputLogin input { width:8em; border:1px solid #000;}
.AreaPrivadap { 
font-size:12px; 
font-weight:bold;
float:left;
margin:0 0 0 4em;
}
.AreaPrivadap a { color: #D10074; font-weight:bold;}
.AreaPrivadap .registrarse { 
	background:url(../img/registrarse.jpg) center left no-repeat;
	padding-left:1.2em;
}
.AreaPrivadap .entrar { 
	background:url(../img/entrar.gif) center left no-repeat;
	padding-left:1.2em;
}
.AreaPrivadap .cerrar_sesion { 
	background:url(../img/cerrar_sesion.gif) center left no-repeat;
	padding-left:1.2em;
}
.AreaPrivadap .clave {
	background:url(../img/clave.jpg) center left no-repeat;
	padding-left:1.2em;
}


#PasosLogin li {
	display:inline;
	float:left;
	background:url(../img/pasos.jpg) bottom center no-repeat;
	width:164px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height:70px;
}
#PasosLogin li a { 
color:#333;}
.PasoActivo { 
	background:url(../img/pasos_activo.jpg) bottom center no-repeat !important;
	height:70px;
	width:162px;
	}
.TituloPaso { font-size:16px !important;}



#PasosConsulta li {
    display: inline;
    float: left;
    background: url(../img/pasos.jpg) bottom center no-repeat;
    width: 120px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 70px;
    font-family: "Open Sans", sans-serif;
    line-height: 12px;
}

#PasosConsulta li a { 
color:#333;}
.PasoActivoConsulta { 
	background:url(../img/pasos_activo.jpg) bottom center no-repeat !important;
	height:70px;
	width:120px;
	}






#Cabecera
{
	font-size: 1em;
	color: #333;

	background: url(../img/fnCabecera.jpg) no-repeat right top;
overflow:hidden;
	height: 1%;
}
  

#Form-Cabecera
{
	float: right;width:55%; 
	
	background: transparent;
	
}

.buscador_expandido{
    background: url(../img/flechaArriba.png) no-repeat right; padding-right: 30px;
}

.buscador_contraido{
    background: url(../img/flechaAbajo.png) no-repeat right; padding-right: 30px;
}
.buscador_expandido:hover,  .buscador_contraido:hover  {cursor: pointer;}



.BuscadorCabecera
{
	
	background: #EFF0F1;
	
	margin-top: 1px; 
	padding:  0 5px; float:left
}

.ParametroCabecera{ float:right; width:67%;  position:relative}
.CabeceraTit{color:#009FDA; font:1.3em normal TradeGothic, "Century Gothic" , Arial; float:left;padding-top:5px
 }
.CabeceraMail{ float:left; color:#009FDA ; font-size:1.2em; font-weight:bold; padding: 10px 52px 0;}
.CabeceraMail a{color:#009FDA ; }
.CabeceraTfno{ float:left; color:#009FDA;font-size:1.4em; font-weight:bold; padding-left:10px ;position:relative; padding-top:0; line-height:1em }
.CabeceraTfno span{color:#000;font-size:0.7em !important;}


.datepicker{float:left;}


/*idiomas cabecera*/
input{font: normal 1em Calibri, "Open Sans", sans-serif;color: #000;}/*color: #D10074;}*/

.MenuIdioma input, #MenuUsuarioConectado input
{
	border: none;
	cursor: pointer;
	font: bold 0.9em Calibri, "Open Sans", sans-serif;
	text-transform: uppercase;
	background: transparent;
	color: #D10074;
	width: 7em;
}



.AccesoAreaPrivada
{
	
	width: 13em !important;
	padding-left: 8px !important;
}


.inputBuscador
{
	border: solid 1px #ccc;
	padding: 0px ;
	background: #fff;
	font: normal 1em Calibri, "Open Sans", sans-serifa;
	color: #999999;
	width: 60%;
}



.OlvidoClave a
{
	color: #D10074 !important;
}



/*login en el lateral izquierdo o derecho*/
.ColumnaIzquierda .LoginInclude{ background:#f9f9f9}

.SombraLogin hr{display:none}
.SombraLogin{ background:url(../img/separadorLogin.jpg) no-repeat left top; height:13px}

/*caja usuario registrado*/

.MiPerfil a
{
	color: #D10074;
	font-weight: bold;
}


/*--TITULO Y MIGA PAN ----*/


h2
{
    font-size: 1.3rem;
    line-height: 1.5rem;    
    color: black;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
	clear: both !important; 
	text-align:left;
}

.MigaPan{ margin-right:10px}

.MigaPan a
{
	color: #D10074;
	background: url(../img/flecha.gif) no-repeat right 5px;
	padding-right: 10px;
	font-weight: bold;
}
.MigaPan a:hover
{
	color: #0098CC;
}


/*home noticias*/

.FilaSuperior h3
{
	background: url(../img/fnH3.jpg) repeat-x left top;
	color: #000;
	padding: 10px 0 0 10px;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	border: none !important;
}
.HomeNoticias
{
	margin: 0;
	padding: 30px 5px;
	background:url(../img/fnHomeNoticias.jpg) no-repeat left top;
	position:relative;
	overflow:auto; height:1%
}
.HomeNoticias li{ background:#fff; margin-bottom:10px; padding:5px 10px}
.HomeNoticias li a
{
	color: #0098cc !important;
	font: bold 1.2em Calibri, "Open Sans", sans-serif !important;
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none;
	margin-top: 10px !important;color: #0098CC;
}


.HomeNoticias a:hover
{
	color: #D10074 !important;
}



/*Noticias en la parte izquierda*/

.ColumnaIzquierda .HomeNoticias { background:#f9f9f9}
.ColumnaIzquierda .HomeNoticias li a
{
	
	color: #00539F;
	font-size: 1.1em !important;

}





.ColumnaIzquierda h3, .ColumnaDerecha h3
{
	
		color: #D10074;
	font: normal 1.9em TradeGothic, "Century Gothic" , Arial;
	padding: 5px 0 2px 0px;
	margin-bottom: 5px /*float: left;*/;
	clear: both !important; text-align:left
}



/*agenda*/



.DestacadosLateral li
{
	
	padding: 0!important;
	background:none !Important 
	
}


.DestacadosHome li{ border-bottom:none !important; background:none !

important; float:left; width:45%}


.Listado li, .Ficha li
{
	background: url(../img/flecha.gif) no-repeat left 4px;
	padding-left: 14px;
	margin: 4px 0;
}
.liSinImagen li 
{
background: none !important;
display: inline !important;
padding-left: 0px !important;
padding-right: 5px !important;
}


/*---buscador en 1 click-----*/
#BusquedaSimple
{
	margin-right: 20px;
	clear: both;
}

.BordesBusquedaSimple
{
	border: solid 1px #f0f0f0;
	padding: 1px 3px 3px 3px;
	margin-top: 10px;
}
#BusquedaSimple fieldset
{
	padding: 5px;
	border: none;
	background: url(../img/fnBusquedaAvanzada.jpg) #fff repeat-x left bottom;
	margin: 0;
}
#BusquedaSimple legend
{
	color: #000;
	font: bold 1.3em "Century Gothic" , "Lucida Sans Unicode" , Arial;
	margin-bottom: 10px;
	position: relative;
	left: -10px;
}

.Sombra hr
{
	display: none;
}
.Sombra
{
	background: url(../img/Sombra.jpg) repeat-x left top;
	height: 15px;
}


#BusquedaSimple .p-label
{
	width: 8em;
}
#BusquedaSimple .input
{
	font: normal 0.9em Calibri, "Open Sans", sans-serif;width: 99.3%;
}


#BusquedaSimple .p-input
{
	width: 50%;
}


.BotonBusquedaAvanzada
{
	
	font: normal 0.8em Calibri, "Open Sans", sans-serif;
	
}

/*---resultados buscador----*/

.oculto{display:none;}

.ResultadosBuscador li{border-bottom:#ccd8dd 1px dotted; padding-bottom:5px;
                       overflow:auto; height:1%}




.ResultadosBuscador li a
{
	color: #0098CC !important;
	font: bold 1.2em Calibri, "Open Sans", sans-serif !important;
	padding: 0;
	margin: 0; /*padding-left: 18px; 	background: url(../img/topoListado.gif) no-repeat left 4px !important;*/
	margin: 0;
	margin-top: 5px !important;
	margin-bottom: 0 !important;
	text-align: left;
}


.SpanListado{color: #0098CC !important;
	font: bold 1.2em Calibri, "Open Sans", sans-serif !important;}


.ResultadosBuscador a
{
	color: #0098CC;
}
.ResultadosBuscador  a:hover
{
	color: #D10074 !important;
}









/*--busqueda avanzada---*/

.BusquedaAvanzada legend
{
	color: #000;
	font: bold 1.2em "Century Gothic" , "Lucida Sans Unicode" , Arial;
	padding-left: 0 !important;
	margin-left: 0 !important;
	margin-top: 10px;
}


.BusquedaAvanzada .BordesFieldset
{
	padding: 20px 10px; /*overflow: auto; 	height: 1%;*/
	border: solid 1px #ccc;
	background: #fff url(../img/fnBusquedaAvanzada.jpg) repeat-x left bottom;
	margin-bottom: 10px;
}



.BotonNumero
{
	background: transparent;
	padding: 0 1px !important;
	color: #000 !important;
}
.BotonNumeroSeleccionado
{
	background: #72B301 url(../img/fnBoton.jpg) repeat-x left top;
	padding: 0 1px !important;
	color: #fff !important; border:none
}





/*---FICHA INFORMACION CENTRO---*/



h3
{
	color: #0098CC;
	padding: 5px 0px;
	
	font:1.5em TradeGothic, "Century Gothic" , "Lucida Sans Unicode" , Arial
}




h4
{
	
	font-size: 1.3em;
	padding-bottom: 15px;
	margin: 10px 0 0px 0;
	color: #D10074;
	border-bottom: none;
	background: url(../img/fnh4.jpg) repeat-x left bottom;
}

h5
{
	color:  #000;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

.Ficha a, .FichaContenido a
{
	color: #11547F;
	font-weight: bold;
}
.Ficha a:hover, .FichaContenido a:hover
{
	color: #c20044;
}

/*--paginacion ficha ----*/


.Primero
{
	background: url(../img/primero.gif) no-repeat left 5px; /*width: 80px;*/
	padding-left: 10px !important;
	
}

.Anterior
{
	background: url(../img/anterior.gif) no-repeat left 5px; /*width: 80px;*/
	padding-left: 10px !important;

}
.Siguiente
{
	background: url(../img/siguiente.gif) no-repeat right 5px; /*width: 90px;*/
	padding-right: 10px !important;

}
.Ultimo
{
	background: url(../img/ultimo.gif) no-repeat right 5px; /*width: 75px;*/
	padding-right: 10px !important;
	
}



/*--Barra Acciones Ficha: Imprimir, Votar, Comentar...---*/
.savedRatingStar
{
	background-image: url(../img/estrella-2.gif);
}
.filledRatingStar
{
	background-image: url(../img/estrella-2.gif);
}
.emptyRatingStar
{
	background-image: url(../img/estrella-1.gif);
}

.FormEnvio{border: solid 1px #F0F0F0;background: #F3F5F5 url(../img/fnBusquedaAvanzada.jpg) repeat-x left top;}



.BarraAcciones input, .BarraEnviar input
{
	border: none;
	font: bold 1em Calibri, "Open Sans", sans-serif;
	color: #009FDA;
	cursor: pointer;
}


.Volver
{
	background: url(../img/volver.gif) no-repeat 5px 5px;
	
}

#divBotonImprimir .Imprimir
{
	
	font: bold 1em Calibri, "Open Sans", sans-serif;
	color: #D10074;

}

.VerComentarios
{
	
	color: #D10074;
	font: bold 1em Calibri, "Open Sans", sans-serif;
	
}
.EliminarComentarios
{
	
	color: #D10074;
	font: bold 1em Calibri, "Open Sans", sans-serif;
	
}
.EditarComentarios
{
	
	color: #D10074;
	font: bold 1em Calibri, "Open Sans", sans-serif;
	
}


/*--info relacionadas---*/


.InfoRelacionadaFondo
{
	background: url(../img/fnInfoRelacionada.jpg) repeat-x left top;
	padding: 5px;
}

.InfoRelacionada h4, .MasInformacionEnlaces h4
{
	background: none;
	color: #000; padding-bottom:5px;
	border-bottom: solid 1px #F1EFEF ;
	margin: 0; font:bold 1.2em "Century Gothic" , "Lucida Sans Unicode" , Arial
}
.InfoRelacionada h5
{
	clear: both;
	background: none;
	color: #000;
	padding-left: 20px;
	margin-top: 0;
	padding-top: 5px;
}


.InfoRelacionada li
{
	padding-bottom: 5px;
	clear: both;
	background: url(../img/Flecha.gif) no-repeat left 5px;
}
.InfoRelacionada li a
{
	color: #00539F;
}
.InfoRelacionada li a:hover
{
	color: #CC0000;
}


.InfoRelacionada a:hover
{
	color: #FBAB2F;
}



/*----CONTENIDO PAGINAS PLANAS--- el estilo include es para los includes xhtml*/


.ContenidoEstatico a, .Include a, .IncludeMostrarElegir a
{
	font-weight: normal;
	color: #0094da;
}



.ContenidoEstatico a:hover, .Include a:hover, .IncludeMostrarElegir a:hover
{
	font-weight: bold;
	color: #000;
}

.ContenidoEstatico ul li, .Include ul li
{
	background: url(../img/flecha.gif) no-repeat left 5px;
	padding-left: 15px;
	margin: 6px 0;
}



/*----tablas----*/


caption
{
	color: #333;
	font: normal 1.3em Calibri, "Open Sans", sans-serif;
	padding-bottom: 10px;
	background: url(../img/topo-menu.gif) no-repeat left 7px;
	margin-bottom: 20px !important;
	padding-left: 15px;
	text-align: left;
}



.Mas a
{
	color: #D10074 !important;
	font-weight: bold;
	background: url(../img/mas.gif) no-repeat left 4px;
	padding: 0 15px;
}
.Mas a:hover
{
	color: #0098CC !important;
}




/*--genericos---*/
.Boton
{
    background-color: #0094da;
    padding: 8px 20px;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: "Open Sans", Calibri, Arial;
    font-size: 14px;   
}
.Boton.xxl 
{
    font-size: 1rem!important;   
    padding: 10px 25px !important;
    min-width: 150px;
}
.Boton.xl 
{
    font-size: 1rem!important;   
    padding: 10px !important;
    min-width: 100px;
}
.BotonHueco 
{
    background-color: white;
    border: 2px solid #0094da!important;
    color: #0094da!important;
}
.SeparacionDerecha
{
    margin-right:20px
}


.btnReclamarPSA{
    margin-left: 5px;
    padding-left: 25px;
    background: url(../../../Recursos/img/reclamar.png) no-repeat left;
}

.btnVerCliente{
    margin-left: 5px;
    padding-left: 25px;
    background: url(../../../Recursos/img/verCliente.png) no-repeat left;
}
.btnEliminarRelacionConCliente{
    margin-left: 5px;
    padding-left: 25px;
    background: url(../../../Recursos/img/eliminarRelacionCliente.png) no-repeat left;
}
.btnRelacionarConCliente{
    margin-left: 5px;
    padding-left: 25px;
    background: url(../../../Recursos/img/relacionCliente.png) no-repeat left;
}
.btnReclamacionResuelta{
    margin-left: 5px;
    padding-left: 25px;
    background: url(../../../Recursos/img/ok.gif) no-repeat left;
}
.btnEnviarNotificacion{
    margin-left: 5px;
    padding-left: 25px;
    background: url(../../../Recursos/img/mail.gif) no-repeat left;
}


.ddlMunicipio{
    width: 160px;
}


/*--pie---*/
#Pie
{
	clear: both;

	background:  url(../img/Pie.jpg) repeat-x left bottom;
	font-size:0.9em; min-height:145px; text-align:right; margin-top:20px
	
}

/* *html #Pie{ height:145px} */

#Pie a
{
	color: #D10074;
	padding: 0 5px;
}

#Pie p{ float:right}
#Pie ul{ float:left}
.PieEnlaces
{
	font-weight: bold;
	
	overflow: auto;
	height: 1%;
	padding: 5px;
	margin-bottom: 5px;
	clear: both;
	margin-top: 10px; border:solid 1px #e9eaeb;
	background:#F7F7F7 url(../img/fnAcciones.jpg) repeat-x left top;
	 font-size:0.85em
}


.PieEnlaces li a
{
	color: #D10074;
	font-weight: bold;
}

.PieEnlaces li li
{
	float: none;
	background: url(../img/Flecha.gif) no-repeat left 5px;
	padding-left: 10px; 
}
.PieEnlaces li ul li a
{
	color: #666;font-weight:normal
}


.PieEnlaces a:hover
{
	color: #000;
}


/*--CALENDARIO--*/

.Calendario th
{
	background: url(../img/fnEncabezado.jpg) #015383 repeat-x left top;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
}

.DiaActivo
{
	color: #fff;
	background: url(../img/fnBoton.jpg) #72B301 repeat-x left top;
	display: block;
	padding: 2px;
}

.Mostrar
{
	background: url(../img/mas.gif) no-repeat left 5px;
	
}
.Ocultar
{
	background: url(../img/menos.gif) no-repeat left 5px;
	
}




/*--genericos formularios---*/





.p-label{ font-size:0.8rem !Important}
.p-info{color: #0094da;
    font-weight: bold;
    float: left;
    width: 50%;
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;}


ul.radiobuttonlist li{
    float:left;
    list-style: none !important;
    background: none;
    padding-left:0;
    margin-right: 5px;
    
}

/*--mapa web---*/
.MapaWeb a{color:#D10074}
.MapaWeb a:hover{color:#000}
.MapaWeb li li a{color:#000}
.MapaWeb li li a:hover{color:#D10074}

.MapaWeb ul{ padding-top:10px}
.MapaWeb li
{
	background: url(../img/flecha.gif) no-repeat 0 8px;
	padding-left: 18px !important; padding-bottom:10px
}
li.Menu1
{
	background: url(../img/circulo.gif) no-repeat left 4px; padding-left:10px !important
}



.MapaWeb a
{
	font: normal 1em Calibri, "Open Sans", sans-serif !important;
}






/*includes*/
.Include
{
	padding-bottom: 5px;
}

.Include p{ margin:0 !important}



/*calendario azul*/

.FechaDestacada2
{
	background:#98CB02 url(../img/fnBoton.jpg) repeat-x right bottom;
	color: #FFFFFF;
	font-size: 1em;
	line-height: 15px;
	padding: 5px;
	padding-right: 20px;
}







/*ficha usuarios tabs*/
#divBotonesPestanias
{
	background: #015383 url(../img/fnEncabezado.jpg) repeat-x left top;
}
#divBotonesPestanias input
{
	
	font: bold 0.9em Calibri, "Open Sans", sans-serif; 
	width:10em
	
}

.Paso
{
	background: #015383 url(../img/fnEncabezado.jpg) repeat-x left top;
	color: #fff;
}

.PasoActivo
{
	background: #72b301 url(../img/fnBoton.jpg) repeat-x left top;
	/*color: #fff;*/
}






.FichaUsuario .BordesFieldset
{
	padding-top: 5px;
}
.FichaUsuario .p-input
{
	padding-top: 2px;
}



.Ficha legend{color: #00539F;
	font: bold 1.2em Calibri, Calibri, "Open Sans", sans-serif; margin-left:-10px}

.FormularioFicha legend
{
	color: #00539F;
	font: bold 1.3em Calibri, "Open Sans", sans-serif;
	margin-left: -7px !important;
	margin-top: 5px;
	margin-bottom: 5px;
}




/*ESTILOS ADMINISTRACION*/


#Administracion legend
{
	color: #00539F;
	font: normal 1.4em "Century Gothic" , "Lucida Sans Unicode" , Arial;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

#AdministracionAcciones input, .AccionesFichaUsuario a
{
	border: none;
	font: bold 1em Calibri, "Open Sans", sans-serif;
	color: #009FDA;
	cursor: pointer;
}



/*avisos*/

.Distribuir
{
	font: bold 1.1em Calibri, "Open Sans", sans-serif;
	color: #FF9900;
	
}


.InputDisabled
{
	background: #F5F5F5;
	border: solid 1px #cccccc;
	font: normal 1em Calibri, "Open Sans", sans-serif;
	color: #999;
}

.Tabla th{ color:#fff}
.dxgv a
{
	color: #000 !important;
}

.dxmMenu{ padding:0 !important; margin:0 !important}
.dxmMenuItem{ color:#D10074 !important;  font:bold 1em  Calibri, "Open Sans", sans-serif !important}
.dxmMenuItemWithImage{ padding:0 !important;color:#D10074 !important;  font:bold 1em "Segoe UI", Calibri, "Open Sans", sans-serif !important}
.dxmSubMenu, .dxmSubMenuGutter{ background:#fff !important; color:#D10074 !important;  font:bold 1em Calibri, "Open Sans", sans-serif !important}
.dxmSubMenuItemWithImage{color:#D10074 !important;  font:bold 1em Calibri, "Open Sans", sans-serif !important}


.Ventanilla{ color:#D10074; font:bold 1.2em Calibri, "Open Sans", sans-serif}
.AccesoVentanilla{ font:bold 1.3em Calibri, "Open Sans", sans-serif;color:#000; }
.AccesoVentanilla a{color:#D10074}



.TextoHome{ background:url(../img/TextoHome.jpg) no-repeat right top; min-height:137px; padding-right:280px}
.TextoHome h2{color:#000}

.FilaSuperiorCompleta{  border-top:solid 1px #363534; background:#363534; color:#fff; min-height:94px; padding:0 10 8px}
* html .FilaSuperiorCompleta { height:98px}
.FilaSuperiorCompleta .Include{ margin-top:10px}
/*ayuda home*/
.Ayuda1{ float:left;width:33%}
.Ayuda2{float:left;width:33%}
.Ayuda3{float:left;width:33%}
.Ayuda1 strong, .Ayuda2 strong, .Ayuda3 strong{ font-size:1.2em}
.Ayuda1 img, .Ayuda2 img, .Ayuda3 img{ float:left; }
.TextoAyuda{ margin-left:40px; margin-right:25px}
.TextoAyuda a{color:#fff !important}
.TextoAyuda a:hover{font-weight:normal}

/*por que inkolan home*/
.PorQueInkolan h2{color:#000; float:left; width:200px}
.PorQueInkolan h3{color:#D10074}
.PorQueInkolan ul{ margin-left:200px}
.PorQueInkolan li{ float:left; width:38%; margin-right:25px !important; padding:0 0 0 60px !important; min-height:90px }
.PorQueInkolan li span {color:#D10074;font-size:1.7em}
.Fiabilidad{ background:url(../img/Fiabilidad.gif) no-repeat left top !important}
.Inmediatez{background:url(../img/Inmediatez.gif) no-repeat left top !important}
.Sencillez{background:url(../img/Sencillez.gif) no-repeat left top !important}
.Disponibilidad{background:url(../img/Disponibilidad.gif) no-repeat left top !important}

/*cabecera*/
.FraseCabecera p{	font:italic 1.3em Georgia; /*background:url(../img/ComitasCabecera2.gif) no-repeat right bottom*/}
.FraseCabecera{background:url(../img/ComitasCabecera1.gif) no-repeat left top; padding-left:40px}

/*nuestro servicio*/
.Caracteristicas li{ background:none !Important}
.ImagenDerecha{ float:right; padding-left:20px}
.Destacado{ background:#DEF3FA; padding:10px 20px; font-size:1.2em}

/*calidad*/
.Calidad{ margin:0 !important}
.Calidad li{ background:none !Important; padding:0 15px 0 0px !Important; float:left; margin:0 !important}
.Calidad img{ vertical-align:middle}

/*socios colaboradores*/
.Socios h3{ margin-top:30px}
.Socios ul{margin:0; padding:0}
.Socios li{ background:none !important;padding:0 !important; margin:0 0 5px 0!Important}


.DivColumnaDerecha { margin:0}
.DivColumnaDerecha p.Centrar{ margin:2px 0 !important}

/*********** ESTILOS INKOLAN NUEVOS *************/
#FormLoginCabecera {
	 /*position:absolute; */
	 top:-1px;
	 /*right:105px;*/
	 font-size:13px;
	 list-style:none;
}
#FormLoginCabecera ul li {
	color:#009FDA;
	font-weight:bold;
	}
#FormLoginCabecera ul li a{
	color:#009FDA;
	font-weight:bold;
	}	
#FormLoginCabecera ul li a:visited {
	color:#009FDA;
	font-weight:bold;
	}
		
.RegistrarseGratis {
	background: url(../img/registrarse.jpg) no-repeat center left;
	padding-left:1.1em;	
	
	}
.RecordarContra {
	background: url(../img/clave.jpg) no-repeat center left;
	padding-left:1.1em;
	}
.IniciarSesion {
	background: url(../img/iniciar_sesion.jpg) no-repeat center left;
	padding-left:1.1em;
	}
.usuario{
	background: url(../img/registrarse.jpg) no-repeat center left;
	padding-left:1.1em;	
	}

.cerrar_sesion{
	background: url(../img/iniciar_sesion.jpg) no-repeat center left;
	padding-left:1.1em;
	}

.login-panel
{
    display: flex;
    flex: 0 1 0;
    flex-flow: row; 
    justify-content: center;
}

.login-box {
    width: 30%;
    height: 360px;
    border-radius: 8px;
    background-color: white;
    padding: 10px 30px;
    margin: 2% 20px;
}

.Registrarse {
    display: none;
}

@media only screen and (min-width: 960px) {
    .Registrarse {
        display: block;
    }
    .login-box {
        max-width: 30%;
        width: 30%;
    }
}

.IniciarSesionCaja {
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    flex: 1 1 auto; 
}

.login-buttons {
    padding-bottom: 0px;
    padding-bottom: 5px;
}

.pRegistrarse {
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0px;
    float: none;
    clear: both;
}
.Registrarse ul {
    margin: 1em 0;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
}
.Registrarse ul li {
    background: url(../img/bullet_registrase.jpg) no-repeat left 8px;
    line-height: 1.8rem;
}
.Registrarse ul li span { position: relative; left: 15px; }
.login-button
{
    max-width: 50%;
}
.BotonRegistrase { 
float:right !important;
margin-right:2em;
	padding:3px 8px !important;
	font-size:13px;
}
.FondoFormulario {
	background:url(../img/caja_iniciar.jpg) no-repeat top left;
	padding:20px;
	margin:30px 0 0 30px;
	height:150px;
}
.filaCampos { margin-bottom:10px;}
.pLabel, .pLabel a { 
    display: block;
    font-size: 1rem;
    color: #78919c;
    font-weight: 400;
    margin: 5px 0px;
}
.pInput input {
    display: block;
    width: 75%;
    font-size: 1rem;
    font-weight: 400;
    margin: 5px 0px;
    padding: 8px;
    border: 1px solid #78919c;
    border-radius: 10px;
    max-width: 250px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
.blank-line 
{
    display: block;
    width: 100%;
    height: 10px;
}
.BotonAceptar {
	margin:10px 0 10px 170px;
	padding:3px 8px !important;
	font-size:13px;
	}
html>/**/body .BotonAceptar {	margin:10px 0 10px 215px;}

div.TriggerAddressEditor 
{
    display: inline-block;    
    cursor: pointer;
}

div.TriggerAddressEditor img
{
    float: none!important;
    vertical-align: text-bottom;
    margin-left: 5px;
}

div.address-input 
{
    margin-bottom: 0px;
    float: left;
    padding: 4px 0;
}

div.address-input-right
{
    float: right;
    margin-bottom: 0px;
    margin-right: 12px;
    padding: 4px 0;
}

#AddressEditor select, #AddressEditor input
{
    padding: 4px;
}

div.address-separator
{
    width: 97%;
    margin-top: 8px;
    border-bottom: 1px solid #AAA;
    padding-bottom: 10px;
    text-align: center;
    float: left;
}

div.mini-map 
{
    width: 200px;
    height:200px;
    margin-top: 15px;
    background-color:#ccc;
    border: 1px solid #AAA;
}

p.address-result-label
{
    color: #D10074;
    font-size: 8pt;
    margin-top: 10px;
}

p.address-result-value
{
    color: #000;
    font-size: 10pt;
}

div.address-info
{
    margin-left:4px;
}

#AddressSelect
{
    width: 400px;
}

#AddressEditor 
{
    background-image: url("../img/bglogo.png"); 
    background-repeat: no-repeat;
    background-position: right bottom;
    font-size: 0.8rem;
    font-family: "Open Sans", sans-serif;
}



