@charset "utf-8";
/* CSS Document */

/*Para paginas sin menu, que ocupan toda la anchura de la pantalla*/
.center {
	min-height: 45em; 
	position: relative;
	padding: 0 6em; 
}
.centerDownload {
	min-height: 52em; 
	padding: 0 6em; 
	position: relative;
}
.panelImagePremios{
    box-shadow: 0 0 8px #CCCCCC;
  	padding: 8px 5px 5px;
    width: 490px;
    margin:0 auto;
}
.panelHerramientas{ 
	width: 40px;
}

.panelHerramientasMain{ 
	height:40px;
	z-index: 1;
	position: absolute;
	margin-left: 20em;
}

.panelHerramientasFavoritos{ 
	height:40px;
	z-index: 1;
	position: absolute;
	margin-left:30em; 
}


.imageRight{
	margin-left:1em;
	margin-bottom:1em;
	margin-top:0.7em;
	float:right;
}
/*Barra separacion que aparece en la barra superior derecha*/
.secondChild{
    border-right: 1px solid #FFFFFF;
}
/*Estilo pagina contacto*/
.columna1{
	width: 50%;
	margin-left:20px;
	margin-top:30px;
	float:left;
}
.columna2{ 
	width:45%;
	margin-right:20px;
	margin-top:20px;
	float:left;
}
.datosContacto{
	box-shadow: 0 0 8px #CCCCCC;
  	padding:2px 2px 20px 20px;
    width: 70%;
    margin:0 auto;
}
.sedeCentral{
	color:#c05600;
	font-size:1.35em;
	margin-top:10px;
	margin-bottom: 5px;
}
.withoutScroll {
	overflow: hidden;
}
/*Fin de estilos pagina contacto*/
.opcionAnteriorPosterior{
	text-align: right; 
	margin-bottom: 2px;
	margin-top: 10px;
	font-size:1.2em;
}

/*Estilos para enlaces y botones de Favoritos*/
.enlacesFavoritos{
	font-weight:inherit; 
}
.enlacesFavoritos :hover{
	cursor: pointer;
	text-decoration: none;
}

.linkOpenPopUp {
	vertical-align:middle;
	display:inline-block;
	margin-left: 8px;
}

.linkOpenPopUp img {
	vertical-align:middle;
} 

.linkOpenPopUp :hover{
	cursor: pointer;
	text-decoration: none;
}


.alerta.success {
	padding: 20px;
	background-color: #4CAF50;
	color:white;
	opacity: 1;
	transition: opacity 0.6s;
	margin-bottom: 15px;
	}
	
.alerta.warning {
	padding: 20px;
	background-color: #FFFF00;
	color:black;
	opacity: 1;
	transition: opacity 0.6s;
	margin-bottom: 15px;
	}
	

.vacioPreferencias{
	
	width: 150px;
	visibility:hidden;
}

.mensajeLocalidadesPreferencias {
	
	margin-left:0% !important;
	font-size:11px;
	font-weight: bold;
	width: 50%;
	border-radius:5px;
	color:red;
	opacity: 1;
	transition: opacity 1s;

}			
	
.closebtn {
    margin-left: 15px;
    color: #41AD49;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn.warning {
    margin-left: 15px;
    color: black;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}


/* Iconos Navegacion Menu Favoritos*/
.navigationBarCustom {
	display:inline-block;
	width:100%
}
ul.iconosNavFavoritos {
	height: 30px;
	float:right;
	margin-right: 20px;
}

ul.iconosNavFavoritos li {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	float: left;
	text-align: right;
}

.iconosNavFavoritos li a {
	background: url(../imagenes/im-opciones-personalizacion.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 45px;
	height: 45px;
	text-decoration: none;
	color: #555555;
}

.iconosNavFavoritos li a:focus {
	outline: thin dotted;
}

.iconosNavFavoritos li a.favoritos {
	background-position: -104px 0;
}

.iconosNavFavoritos li a.misDatos {
	background-position: -52px 0;
}

.iconosNavFavoritos li a.preferencias {
	background-position: 0 0;
}

.iconosNavFavoritos li a.consumos {
	background-position: -155px 0;
}

.iconosNavFavoritos li a.alertas {
	background-position: -206px 0;
}

.iconosNavFavoritos li a.favoritos:hover, .iconosNavFavoritos li a.selected.favoritos {
	background-position: -104px -56px;
}

.iconosNavFavoritos li a.misDatos:hover, .iconosNavFavoritos li a.selected.misDatos {
	background-position: -52px -56px;
}

.iconosNavFavoritos li a.preferencias:hover, .iconosNavFavoritos li a.selected.preferencias {
	background-position: 0 -56px;
}

.iconosNavFavoritos li a.consumos:hover, .iconosNavFavoritos li a.selected.consumos {
	background-position: -155px -56px;
}

.iconosNavFavoritos li a.alertas:hover, .iconosNavFavoritos li a.selected.alertas {
	background-position: -206px -56px;
}
/*Fin estilos iconos Navegacion Menu Favoritos*/


#popUpValoracion div{
	margin-top:0.5em;
}


input.botonNuevoFavorito{
	float:right;
	padding: 7px;
}

/*PopUp de Valoraciones*/
#popUpValoracion {
  position: fixed;
  top: 20%;
  right: 0;
  bottom: 50%;
  left: 40%;
  z-index: 1050;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background:white;
  height:20%;
  width:20%;
  padding: 3em;
  border: 1px solid orange;
}

#botoneraPopUpValoracion{
	clear:both; 
}

.botonPopUpValoracion{
	margin-top:5% !important;
	margin-bottom:0 !important;
}

/*PopUp de Añadir Favoritos solo Posicion*/
.popUpAddFavorito {
  top: 25%;
  left: 38%;
  width:22%;
  min-width:400px;
  overflow: inherit;
}

.bodyPopUpAddFavorito{
  margin-top:2em;
 }

.bodyPopUpAddFavorito div{
	margin-top:0.5em;
}

.botoneraPopUpFavorito{
	margin:4em auto;
}

.starRatingOn{
	background:url(../imagenes/rate_star.png) no-repeat 0 0;
	width:32px;
	height:32px;
	float:left; 
}

.starRatingOn16px{
	background:url(../imagenes/rate_star_16px.png) no-repeat 0 0;
	width:16px;
	height:16px;
	float:left; 
}

.starRatingHalf16px{
	background:url(../imagenes/star-half16px.png) no-repeat 0 0;
	width:16px;
	height:16px;
	float:left; 
}

.starRatingOff{
	background:url(../imagenes/rate_star_gris.png) no-repeat 0 0;
	width:32px;
	height:32px;
	float:left; 
}

.starRatingOff16px{
	background:url(../imagenes/rate_star_gris_16px.png) no-repeat 0 0;
	width:16px;
	height:16px;
	float:left; 
}

/* #valoracionMedia{
	margin-top:30px;
} */

#tablaValoracionesGasolinera{
	margin-top:10px;
	border:none;
}

/*Fin de estilos de Favoritos*/

/*Alertas*/

 .celdaActiva{
	
	border: none;
	box-shadow:none;
	padding: 2px;
	text-align: center; 
	vertical-align: middle;
	margin:0 auto;
}

/*PopUp para añadir Alertas solo posicion*/
.popUpAddAlerta {
  top: 16%;
  left: 37%;
  width:25%;
  min-width:360px;
  overflow: inherit;
}

.bodyPopUpAddAlerta{
  margin-top:2em;
 }

.bodyPopUpAddAlerta div{
	margin-top:0.5em;
}

.whithAlerta, .fullWidth{
	width: 100% !important;
}

.botoneraPopUpAlerta{
	text-align: center;
	width: 100%;
	display: inline-block;
	padding-bottom:20px;
}

/*Fin Alertas*/


/*Estilos para paginas estaticas sin menu*/
body.withoutMenu .container { background-position: 0 0;}
body.withoutMenu .banner { background-position: 0 21px; overflow: hidden;}
body.withoutMenu .header { height: 140px;}
body.withoutMenu .opciones{ float: none; text-align: right; height: 15px; padding-top: 0.45em;}
body.withoutMenu .opciones ul{ float: right;}

body.withoutMenu .header { position: relative; width: 90%; min-width: 990px;}
body.withoutMenu .contenido { position: relative;}

body.geoportal .header {
  width: 90%; min-width: 990px; max-width: inherit;
}

body.withoutMenu .titulo-aplicacion {margin-top: 0.6em;}
body.geoportal .titulo-aplicacion {margin-top: 0.6em;}
body.geoportal .nav, body.withoutMenu .nav {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
    left: 0;
    top: -25px;
}
body.geoportal .nav ul, body.withoutMenu .nav ul {
    display: inline-block;
    margin: auto;
}
body.geoportal .breadcrumb {
	margin-top: -25px;
}
body.geoportal .sidebar-a {
    width: 21em;
}
body.withoutMenu .breadcrumb {
	margin-top: -30px;
}
body.withoutMenu .nav ul{ background: url(../imagenes/fn-nav.png) repeat-x; border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; height: 34px; border: 3px solid #ccc; border-top: 0;}
body.withoutMenu .nav li{ float: left; display: block;  font-size: 1.15em; background: url(../imagenes/fn-lineas.png) no-repeat left 7px; }
body.withoutMenu .nav li:first-child{background: none; }
body.withoutMenu .nav li a{ color: #000; text-decoration: none; display: block; padding: 0.55em 1.15em; padding-bottom: 0.40em;}
body.withoutMenu .nav li a.activo{ color: #fff; background: #000; opacity:0.6; }
body.withoutMenu .nav li:first-child a.activo{border-bottom-left-radius: 10px;}
body.withoutMenu .nav li:last-child a.activo{border-bottom-right-radius: 10px;}
body.withoutMenu .nav li a:hover{ color: #666;}
/*Fin de estilos para paginas estaticas sin menu*/
/*Estilos para la pagina de premios*/
.texto{
	width:95%;  
	margin: 0 auto;
}
.justify {
	text-align: justify
}
.imageLeft{
	margin-right:1em;
	margin-bottom:1em;
	float:left;
}
.open {
	float:right; 
	margin-top:20px;
	margin-right:10px;
	cursor: pointer;
}
.popup {
	z-index: 1001;
	position: fixed;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}
.content-popup {
	margin:0px auto;
	margin-top:50px;
	padding:10px;
	width:500px;
	min-height:250px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}
.close {
	position:relative;
	left:480px;
}
.backgroundPopUp {
	height:100%; 
	width:100%; 
	background-color:#000; 
	display:block; 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:1015; 
	float:left; 
	opacity:0.65;
}
.marginTop14 {
	margin-top: 14px;
}
.bold {
	font-weight: bold;
}
.boldImportant{
	font-weight: bold !important;
}
/*Fin estilos para la pagina de premios*/
.sinSubrayado {
	text-decoration: none;
	display:inline-block;
}
/*Estilos pagina descargas*/
.imgCenter {
	margin:5px 25px 0;
}
.white {
	background: none repeat scroll 0 0 #FFFFFF;
	margin-left:15px;
}
.desplegable {
	min-height:40px;
	position:relative;
	margin-bottom:2em;
	margin-top:35px; 
	border:1px solid #ec6a00;
}
.desplegable:after {
	content:'';
	display:block;
	position:absolute;
	top:-20px;
	width:0;
	height:0;
	border-color: transparent transparent #ec6a00 transparent;
	border-style: solid;
	border-width: 10px;
}

.divServiciosREST {
	margin-top: 25px;
}
/*Estilos para el contenido de los desplegables*/
.combofabricantes,.combocarburantes, .combo {
	width: 50%;
}
.etiqueta {
	width: 30%;
}
.menu_select {
	padding-top:5px;
	padding-left: 10%;
}
.linksDescargaPrecios {
	margin-top: 10px;
	padding-left: 10%;
}
.column1_download {
	display: table-cell;
    width: 23%;
    text-align: center;
    vertical-align: middle;
}
.column2_download {
	display: table-cell;
	vertical-align: middle;
    padding-bottom: 4%;
    padding-right: 5%;
}
.column21_download {
	display: table-cell;
	vertical-align: top;
	width: 57%;
}
.column22_download {
	display:table-cell;
	width:20%;
	vertical-align: top;
}
.column3_retocada {
	display:block;
	width:20%;
	position:relative;
	top:-23px;
	right:28px;
}
.bloque {
	height:140px;
	display: table;
    width: 100%;
}
.row {
	display: table-row;
}
.content-desplegable {
	margin:25px 15px 15px;
}
/*Da estilo de boton a un enlace*/
.linkBoton, input[type="submit"].linkBoton {
	margin: 0 auto;
	border: 3px solid #c5c4c4;
	background: url(../imagenes/fn-boton.png) repeat-x;
	padding: 0.55em 2em 0.35em 2em;
	text-align: center;
	color: #000;
	border-radius: 8px;
	overflow: hidden;
	box-sizing: border-box;
	font-size: 1.15em;
	width: auto;
	cursor: pointer;
	margin-left: 3.5em;
	text-decoration: none;
	display: inline-block;
}

.linkBoton:hover {
	text-decoration: underline;
}

.linkBoton.disabled, input[type="submit"].linkBoton.disabled {
	color: grey;
	text-decoration: none;
	cursor: default;
}

.column3 {
	display:block;
	width:30%;
	float:right;
}
.marginTop15 {
	margin-top:15px;
}

.correctMargin {
	 margin-left: 1em !important;
}
.column3_precios {
	display:block;
	width:20%;
	float:right;
	position:relative;
	top:-59px;
	left:-41px;
}
/* Iconos pagina descargas */
ul.iconos {
	margin: 20px auto 0;
	padding: 5px 0 0 0;
	width: 796px;
	height: 210px;
}

ul.iconos li {
	list-style-type: none;
	margin: 0;
	padding: 5px;
	float: left;
	text-align: center;
}

.iconos li a {
	background: url(../imagenes/descargas/im-opciones-descarga.png)
		no-repeat 0 0;
	margin: 0;
	padding: 0;
	display: block;
	width: 185px;
	height: 185px;
	text-decoration: none;
	color: #555555;
}

.iconos li a:focus {
	outline: thin dotted;
}

.iconos li a.moviles {
	background-position: 0 0;
}

.iconos li a.kml {
	background-position: -208px 0;
}

.iconos li a.planes {
	background-position: -415px 0;
}

.iconos li a.precios {
	background-position: -622px 0;
}

.iconos li a.moviles:hover, .iconos li a.selected.moviles {
	background-position: 0 -424px;
}

.iconos li a.kml:hover, .iconos li a.selected.kml {
	background-position: -208px -424px;
}

.iconos li a.planes:hover, .iconos li a.selected.planes {
	background-position: -415px -424px;
}

.iconos li a.precios:hover, .iconos li a.selected.precios {
	background-position: -622px -424px;
}

.iconos li a strong {
	position: relative;
	top: 185px;
}
/*Fin estilos pagina de descargas*/
/*Estilos para pagina de ayuda*/

/*Estilos accordion jquery*/
.humanity .ui-accordion-header {
	background: url("../imagenes/fn-footer.png") repeat-x scroll 0 0 #D1D1D1 !important;
	height:20px;
	padding-top:9px !important;
}
.humanity .ui-accordion-content {
	background-color: #ffffff !important;
	padding:20px !important;
} 
.humanity .ui-accordion-header:hover {
	background:#ec6a00 !important;
}

.humanity .ui-icon {
	float:left;
}
.menuAyuda ul li a {
	border-bottom: 1px dotted #ec6a00;
	background: url("../imagenes/flechaNaranja.png") no-repeat scroll 8px 9px transparent;
    color: #000000 !important;
    display: block;
    padding: 4px 5px 4px 20px;
    text-decoration: none;
    width:200px;	
}
.colorNaranja {
	color:#c05600 !important;
}
.imghelp{
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
}
.imghelpredimensionar{
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
	width:80%;
}
.celdaimghelpredimensionar{
	display:table-cell;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
	max-width:80%;
	height:auto;
}
.imgSend {
	left: -3%;
	position: absolute;
	top: -20%;
	width: 80%;
	z-index: 1001;
}
.widthAwards {
	width:580px;
}
.widthSend {
	width:1000px;
}
.widthReports {
	width:685px;
}
.imgAwards {
	left: 28%;
	position: absolute;
	top: -20%;
	width: 80%;
	z-index: 1001;
}
.centerImg {
	display:block; margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
}
.datagrid {
	border-collapse: collapse;
    height: 0;
    min-width: 100%;
    width: 80%;
}
.datagrid tr {
    height: 2em;
    min-height: 1.5em;
}

.datagrid td {
	padding: 10px 15px 0;
    vertical-align: middle;
}
.listMap {
	width:85%;
	margin: 0 auto;
}
.listMapmargensuperior{
	width:85%;
	margin: 0 auto;
	margin-top:30px;
}
.tabulado {
	margin-left: 90px;
}
/*Fin estilos pagina de ayuda*/
.linkVerMas {
    float:right;
}
.linkVerMas:hover {
    text-decoration: none;
}

/*Para el icono excel de descarga*/
#linkDescargaXLSPlanes, #linkDescargaXLSPlanesGasolineras, #linkDescargaCSVPlanes, #linkDescargaCSVPlanesGasolineras, #linkDescargaXLSEstaciones, #linkDescargaCSVEstaciones {
    border: 0 none !important;
    border-radius: 5px 5px 5px 5px !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 1.15em !important;
    margin-bottom: 1em !important;
    margin-left: 20px !important;
    padding: 3px 5px !important;
    width:45px !important;
}
#linkDescargaXLSPlanes, #linkDescargaXLSPlanesGasolineras, #linkDescargaXLSEstaciones {
    background: none repeat scroll 0 0 #0E6E02 !important;
}
#linkDescargaCSVPlanes, #linkDescargaCSVPlanesGasolineras, #linkDescargaCSVEstaciones{
	background: none repeat scroll 0 0 #92B601 !important;
}
/*Styles for socialNetworks component*/
.redesSociales ul {
	border-bottom: 1px dotted #000000;
	border-top: 1px dotted #000000;
	overflow: hidden;
	padding: 10px 0;
}

.redesSociales h2 {
	border-bottom:none !important;
}

.redesSociales .titular {
	line-height: 1.15em;
}

.sidebar-a .movil {
	background: url("../imagenes/im-movil.png") no-repeat scroll 18px 9px transparent;
    display: block;
    padding-left: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    width:54%;
}
.sidebar-a .android {
    background: url("../imagenes/im-geogasolineras.png") no-repeat scroll 6px 5px transparent;
    display: block;
    padding-left: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    width:54%;
    /*Añadido*/
    background-size: 40px 40px;
}
.sidebar-a .movil a, .sidebar-a .incoherencias a, .sidebar-a .android a {
	color: rgb(85, 85, 85);
}

.sidebar-a .incoherencias {
    background: url("../imagenes/icono_incoherencias.png") no-repeat scroll 10px 21.5px transparent;
    display: block;
    padding-top:12px;
    padding-bottom:12px;
    padding-left: 48px;
    width:72%;
}

.titular a {
	font-size: 0.89em;
}

#___plusone_0{ 
	width:60px !important;
	padding:3px 0px 0px 5px !important;
}

.imgRedesSociales{
	height:25px !important;
	margin-right:-5px !important;
}

.imgRedesSocialesFacebook {
	margin-left:-3px;
}

.custom_images{
	width:100%;
	clear: both;
    margin-bottom: 10px;
    padding-left: 4px;
}

.redesSociales {
	float:left !important;
	margin: 0 0 8px -6px;  
    width: 85% !important;
}

.twitter-widget {
	margin-left: -6px !important;
	width: 91% !important;
	padding-right: 5px;
}

.twitter-widget iframe {
	max-height: 200px;
}

.twitterLogo {
	border-radius:4px;
}
/*End styles for socialNetworks component*/
/*Modificacion estilos pagina resultado de busqueda*/
.tablaResults {
	margin-bottom: 1em !important;
    width: 100%;
}
.tablaResults td {
	vertical-align: middle;
}
.tablaResults .criterios {
	font: italic 1.3em Georgia,"Times New Roman",serif;
	color: #555555;
}
.contenedorBloque {
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 5px;
}
.fontSize {
	font-size:0.95em;
}
/* Fin Modificacion estilos pagina resultado de busqueda*/
.cabeceraH2 {
	font: italic 1.75em Georgia,"Times New Roman",serif;
	padding: 0.525em 0.525em 0.525em 0;
	display:inline-block;
}
.cabeceraH2Detalle {
	font: italic 1.75em Georgia,"Times New Roman",serif;
	padding: 0.525em 0.525em 0.525em 0;
	display:inline-block;
	color: #EC6A00;
}

table.tablaplanes th {
    border: 1px solid #CCCCCC;
    color: #555555;
    font-size: 1.15em;
    white-space:normal;
    padding: 0.55em 0.25em 0.55em 0.5em;
}
table.tablaplanes {
    border: 1px solid #CCCCCC !important;
    font-size: 1em;
    margin-bottom: 1em;
    width: 100%;
}
table.tablaplanes td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-right: 0;
    padding: 0.55em 0.25em;
}
table.tablaplanes td {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 0 none;
}
.linkOcultar{
	float:right;
	position: relative;
    z-index: 10;
    margin-right:30px;
    margin-top:10px;
}
.widthNumero{
	width:100%;
	border-radius: 5px;
}
.widthInput {
	width:97% !important;
	border-radius: 5px;
}

.widthInputRotulo {
	width:94% !important;
	border-radius: 5px;
}

.widthInputRutas {
	width:92% !important;
	border-radius: 5px;
	display: block;
}

.widthInputRutasLocalizacion {
	width: 83% !important;
}

.widthInput3{
	width:84% !important;
	border-radius: 5px;
}

.widthInputConsumosReadOnly{
	width:97% !important;
	border-radius: 5px;
	background-color:#ecebeb;
}

.widthCalle {
	width: 50%;
	border-radius: 5px;
}

.widthCalleRotulo {
	width: 49%;
}

/*Estilos para dataTable*/
 .dataTables_length {
	width: 40%;
	float: left;
	margin-bottom: 10px;
}

.dataTables_filter {
    float: right;
    margin-bottom: 10px;
    text-align: right;
    width: 50%;
}

.dataTables_info {
    float: left;
    margin-top: 10px;
    width: 50%;
}

.paging_full_numbers {
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
}
.dataTables_paginate {
    float: right;
    text-align: right;
}

.paging_full_numbers a {
    background-color:  #fff !important;
    border: 1px solid #AAAAAA;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
    text-decoration: none;
}

.paging_full_numbers span a.ui-state-disabled {
    background-color: #c05600 !important;
    color: #FFFFFF;
}

.paging_full_numbers a:hover {
	text-decoration: underline; 
	color: #FFFFFF;
	background-color: #c05600 !important;
}

table.display {
    margin: 0 auto;
    width: 100%;
}

table.display thead th {
    font-weight: bold; 
    background-image: url("../imagenes/fn-tabla-th.png") !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-position: right top !important;
    background-repeat: no-repeat; 
    background-size: auto 100%;
    padding-right: 0.5em;
}

th.sorting_disabled {	
    background-image: url("../imagenes/fn-tabla-th.png") !important;
}

table.display thead th.ordenable {
	cursor: pointer;
}

table.display thead th div.DataTables_sort_wrapper {
    padding-right: 20px;
    position: relative;
}

table.displayTablasConsecutivas {
	margin-bottom: 1em !important;
}

table.displayTablasConsecutivas thead th div.DataTables_sort_wrapper {
    padding-right: 20px;
    position: relative;
}

span.DataTables_sort_icon {
	float: right;
}

.sorting{
	background: url('../imagenes/fn-tabla-th.png') no-repeat top right;
}
.dataTables_length label {
    width: 265px !important;
}
.dataTables_length select {
    width: 20% !important;
}
.dataTables_filter label {
	width: 414px !important;
	float: right;
}
.dataTables_filter input {
	width: 25% !important;
}
/*Para el icono*/
 table.display thead th div.DataTables_sort_wrapper span {
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
}

.ui-state-default .ui-icon {
	background-image: url("./uilightness/images/ui-icons_ef8c08_256x240.png");
}
.ui-icon-triangle-1-n {
    background-position: 0 0;
}

.ui-icon-triangle-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

/* Expansion de tablas */
table.celdaOculta, th.celdaOculta, td.celdaOculta {
	display: none;
}

.cursorPointer {
	cursor: pointer;
}

.img21H {
	height: 21px;
	padding-left: 3px;
}

.width {
	width: 8%;
}

.tabladatos td, .tablaLeyenda td {
	vertical-align: middle;
}

table.subtable thead th {
	background-image: linear-gradient(rgb(211, 211, 211) 50%,
		rgb(147, 147, 147) 100%, rgb(125, 185, 232) 100%, rgb(243, 136, 0)
		100%) !important;
	color: rgb(85, 85, 85) !important;
}

.imgREST {
	width: 140px;
	margin-left: 10px;
}

h2.rest {
	color: #ec6a00;
	display: inline-block;
}

img.helpIcon {
	width: 23px;
    top: 4px;
    position: relative;

}
.divBusqueda {
	overflow: visible;
}
/* INICIO ESTILOS CHOSEN */
.chosen-container-single .chosen-single abbr {
  background: url('../imagenes/chosen/chosen-sprite.png') -42px 1px no-repeat;
}
.chosen-container-single .chosen-single div b {
  background: url('../imagenes/chosen/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search input[type="text"] {
  background: white url('../imagenes/chosen/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../imagenes/chosen/chosen-sprite.png') no-repeat 100% -20px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: url('../imagenes/chosen/chosen-sprite.png') -42px 1px no-repeat;
}
.chosen-rtl .chosen-search input[type="text"] {
  background: white url('../imagenes/chosen/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../imagenes/chosen/chosen-sprite.png') no-repeat -30px -20px;
}
@media only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../imagenes/chosen/chosen-sprite@2x.png') !important;
  }
}
.chosen-container-active .chosen-choices {
	border: 1px solid #ec6a00;
}
.chosen-container-active .chosen-single {
	border: 1px solid #ec6a00;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #f9ac70;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f9ac70), color-stop(90%, #ec6a00));
  background-image: -webkit-linear-gradient(#f9ac70 20%, #ec6a00 90%);
  background-image: -moz-linear-gradient(#f9ac70 20%, #ec6a00 90%);
  background-image: -o-linear-gradient(#f9ac70 20%, #ec6a00 90%);
  background-image: linear-gradient(#f9ac70 20%, #ec6a00 90%);
  color: #fff;
}
/* FIN ESTILOS CHOSEN */

table.subtable {
  width: 95%;
  margin: 5px auto;
}

.redesSocialesHelp {
  width: 85% !important;
  margin-left: -6px;
}

table td.tdOpciones {
	border-right: 1px solid #ccc;
}

tr.bordeDescuentoPadre {
	border-top: 3px solid #aaa;
	border-left: 3px solid #aaa;
	border-right: 3px solid #aaa;
}

td.tdOpcionesDescuento {
	border-right: 3px solid #aaa !important;
}

tr.bordeDescuentoHijo {
	border-bottom: 3px solid #aaa;
	border-right: 3px solid #aaa;
	border-left: 3px solid #aaa;
}

/* COOKIES */
body .aviso-cookie h2 {
	font-size: 1.55em;
	background: none;
	color: #fff !important;
	margin: 0;
	padding-top: 0;
	border: 0 !important;
}

.cookie-wrapper {
	background: #5e7aa1
		url(../imagenes/cookies/fn-azul-cookies.png) repeat-x;
	padding: 0;
}

body.energia .cookie-wrapper,body.teleco .cookie-wrapper,body.industria .cookie-wrapper,body.turismo .cookie-wrapper
	{
	border: 1px solid #5e7aa1;
}

.fn-cookie {
	color: #fff;
	margin: 0 auto;
	width: 600px;
	padding: 1em;
	position: relative;
}

.aviso-cookie {
	background: url(../imagenes/cookies/fn-cookies.png) no-repeat
		left top;
	overflow: hidden;
	padding-bottom: 1em;
}

.aviso-cookie a {
	color: #fff;
	text-decoration: underline;
}

.aviso-cookie a:hover {
	text-decoration: none;
}

.aviso-cookie ul li {
	float: left;
	display: inline;
	margin-right: 3em;
	margin-top: 1em;
}

.aviso-cookie li a,.aviso-cookie input {
	background: #fff url(../imagenes/cookies/flecha-cookies.png)
		no-repeat right;
	color: #264c80;
	border-radius: 1em;
	padding: 0.35em 2em 0.35em 1em;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

.aviso-cookie input.cerrar,.aviso-cookie li a.cerrar {
	background: none;
	border-radius: 0;
	color: #fff;
	position: absolute;
	top: 0.55em;
	right: -80px;
	background: transparent
		url(../imagenes/cookies/bt-cerrar.png) no-repeat right 2px;
	padding-right: 2.55em;
}

.aviso-cookie input[type="button"].cerrar{
	margin: 0 !important;
	box-shadow: none !important;
	font-size: 1em !important;
	background: none;
	border: none;
	color: #fff;
	position: absolute;
	top: 0.55em;
	right: -80px;
	background: transparent
		url(../imagenes/cookies/bt-cerrar.png) no-repeat right 2px;
	padding-right: 2.55em;
	padding-left: 0;
	max-width:85px;
	height:26px;
}

.aviso-cookie input[type="button"].cerrar:focus {outline: thin solid #ec6a00 !important;}

.aviso-cookie a:hover,.aviso-cookie button:hover {
	opacity: 0.5;
}

/* FIN COOKIES */

ul.faq-list, .faq-list ul {
  padding-top: 1em;
}

ul.faq-list li {
  padding-bottom: 0.55em;
}

ul.faq-list li, .faq-list ul li, ul.listado li {
  list-style: square outside;
  margin-left: 2em;
}

.navDescargasNovedad {
  background: url(../imagenes/New17.png) no-repeat;
  background-size: 17px;
  background-position: right 3px;
  padding-right: 22px !important;
  margin-right: 5px;
}

.navMiGeoportalNovedad {
  background: url(../imagenes/New17.png) no-repeat;
  background-size: 17px;
  background-position: right 3px;
  padding-right: 22px !important;
  margin-right: 5px;
}

.labelNovedad {
	background: url(../imagenes/New17.png) no-repeat;
	background-size: 17px;
	background-position: right -1px;
	padding-right: 0;
	margin-right: 5px;
}

.pestanaRutasNovedad{
  background: url(../imagenes/New17.png) no-repeat !important;
  background-size: 17px !important;
  background-position: right 5px !important;
  padding-right: 19px !important;
  /* margin-right: 5px !important;*/
}

div.chosenFixWidth .chosen-container {
	width: 175px !important;
}

.pieMapa {
	text-align: center;
	padding: 0;
}

.iconotop {
	background-image:url(../imagenes/ayuda/top.jpg);
	background-repeat:no-repeat;
	padding-left:13px;
	color:#c05600 !important;
}

.hide { 
   position: absolute; 
   left: -9999px; 
   top: -9999px; 
}

#contacto #header #ayuda ul li.secondChild a, #paginaayuda #header #ayuda ul li.menuayuda a {color: #FEBF8C !important;}

ul.listaaccesibilidad li{
	list-style: square outside; margin-left: 2em; padding-bottom: 0.55em
}

ul.col3 
{ 
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 15px 0px; 
	width: 100%; 
	padding-top: 0px; 
	list-style-type: none; 
} 

div.submenu-sitemap{
	padding-bottom: 2em;
	overflow: hidden;
}

ul.col3 li 
{ 
margin-top: 8px;	
padding-right: 2px; 
display: inline; 
padding-left: 11px;
margin-right:20px; 
float: left; 
padding-bottom: 2px; 
width: 29%; 
padding-top: 8px;
border-bottom: 1px dotted #264c80; 
font-size: 1.15em;
color:#ec6a00 !important;
}

ul.col3 li a
{
text-decoration: none; display: block; padding-left: 1.05em; 	
background-image:url(../imagenes/ayuda/triangulo-listado.jpg);
background-repeat:no-repeat;
background-position: 0 35%;
}

.tablaestacionservicio{
	display:table; 
	width:100%;   
	border: 1px solid #CCCCCC;
}

.filaestacionservicio{
	display:table-row;
	width:100%;
}
.cabeceraestacionservicio{
	display:table-cell; 
	vertical-align: middle; 
	padding-left:5px; 
	background:transparent url("../imagenes/fn-tabla-th.png") no-repeat scroll right top;
	height:2.5em;  
	font-size: 1.15em;
}

.filaimparestacionservicio{
	display:table-row; 
	height:2.3em;
}

.filaparestacionservicio{
	display:table-row; 
	height:2.3em; 
	background: #f1f1f1;
}

.tablacelda{
	display:table; 
	width:100%; 
	height:2.3em;
}

.celdaizqdalineadatosestacionservicio{
	display:table-cell; 
	width:35%; 
	vertical-align: middle; 
	padding-left:5px;
}

.celdadrchalineadatosestacionservicio{
	display:table-cell; 
	width:65%; 
	height:100%;
	vertical-align: middle; 
	padding-left:5px;
}

.tablemarginbottom15{
	width: 100%; 
	display:table; 
	margin-bottom:15px;
}

.cabeceraplanesdescuento{
	text-align: left; 
	display:table-cell; 
	width:75%;
}

.botonesexportarplanesdescuento{
	text-align:right; 
	display:table-cell; 
	width:23%;
}

.celdadescripcionplan{
	padding: 0.55em 0.25em !important;
}

.celdaimg{
	display:table-cell;
	width:40px; 
	vertical-align:middle;
	text-align:center;
}

.celda{
	display:table-cell;
	padding-left:3%; 
	vertical-align:middle;
}

.celdalistado{
	display:table-cell; 
	padding-left:25px; 
	vertical-align:middle; 
	max-width: 400px; 
}

.listanonumerada{
	list-style: disc outside none;
}

.imgayuda80{
	display:block; margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
	width:80%;
	height:auto;
}

.imgayuda70{
	display:block; 
	margin:20px auto !important;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px; 
	width:70%;
	height:auto;
}



.imgayuda50{
	display:block; 
	margin:20px auto !important;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px; 
	width:50%;
	height:auto;
}


.imgayuda30{
	display:block; margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px; 
	width:30%;
	height:auto;
}

.imgayuda20{
	display:block; margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px; 
	max-width:20%;
	height:auto;
}

.floatleft{
	float:left;
}

.celdaAyudaImagenCentrada{ 
	width:170px; 
	margin:0 auto; 
	text-align:center;
}
.cellCenterimg{
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
	height:auto;
}

.angho80porciento{
	max-width:80%;
}

.ancho30px{
	width:30px;
}

.ancho65porciento{
	max-width:65%;
}

.margenesfooter {
	margin-bottom:10px;
	font-size:1.15em;
}

.idiomaSeleccionado {
	color: #000000 !important;
    text-decoration: underline !important;
}

.idiomas {
	padding: 0.45em 0;
}
/*Hay que rectificar este estilo para alinear a la izquierda, porque depende del tamanio de la letra el margen*/
.left-footer p {
    padding: 0 24px !important;
}

.header img, .tag-line {
	margin-top: 1em;
}

.idiomas ul li:first-child {
	padding-left: 1px !important;
}

.ancho8{
	display:table-cell;
	width:8%;
}

.ancho12{
	display:table-cell;
	width:12%;
}

.ancho17{
	display:table-cell;
	width:17%;
}

.ancho18{
	display:table-cell;
	width:18%;
}

.ancho28{
	display:table-cell;
	width:28%;
}

h3.tituloh1 {font: 2.35em Georgia, "Times New Roman", serif; color: #ec6a00; font-style: italic; padding-bottom: 0.15em; border-bottom: 5px solid #ec6a00; margin-bottom: 0.55em; padding: 0;}

h4.tituloh2 {font: 1.75em Georgia, "Times New Roman", serif; font-style: italic;}

h4.rest {
	color: #c05600;
	display: inline-block;
	padding: 0.3em 0;
}

h3.tituloh4{font: 1em Arial, Helvetica, sans-serif; color: #444; font-weight: bold;}

.saltodelineatitulo{margin-bottom:1em;}

.saltodelinea{margin-bottom:1.5em;}

.saltodelineatop{margin-top:1.5em;}

.imgayuda80saltodelineatop{
	display:block; margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px;
	width:80%;
	height:auto;
	margin-top:1.7em;
}

.imgayuda30saltodelineatop{
	display:block; margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px; 
	width:30%;
	height:auto;
	margin-top:1.7em;
}

.imgayudasaltodelineatop{
	display:block;
	margin:0 auto 0 auto;
	box-shadow: 0 0 8px #CCCCCC;
	padding:3px; 
	height:auto;
	margin-top:1.7em;
}

.dossaltosdelinea{margin-bottom:3em;}

.tressaltosdelinea{margin-bottom:4.5em;}

.tabla {display:table; width:100%;}

a:focus, img:focus {outline: thin solid #ec6a00 !important;}

.tablamaqplanes div.cabecera div div {
	display:table-cell;
    border: 1px solid #CCCCCC;
    color: #555555;
    font-size: 1.15em;
    white-space:normal;
    padding: 0.55em 0.25em 0.3em 0.5em;
    text-align:center;
    vertical-align: middle;
}
.tablamaqplanes {
	display:table;
    border: 1px solid #CCCCCC !important;
    font-size: 1em;
    margin-bottom: 1em;
    width: 100%;
}
.tablamaqplanes div.cabecera {
	display:table-row;
	background: url("../imagenes/fn-tabla-th.png") no-repeat scroll transparent;
}
.tablamaqplanes div div div.celda {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-right: 0;
    padding: 0.55em 0.25em;
}

.letrerocampoobligatorio{
	font-size:10px;
	font-weight:bold; 
	text-align:center; 
	padding-right:1.85em;
	margin-bottom: 15px;
}

 /*Estilos pasados por el area web*/
.humanity .ui-corner-all {border-radius: 6px;}
.humanity .ui-state-default {border: 1px solid #cdc3b7; font-weight: normal; color: #000;}
.humanity .ui-state-active {color: #000;}
.humanity .ui-state-default .ui-icon {
	background-image: url(humanity/images/ui-icons_f08000_256x240.png);
}
.humanity .ui-state-active .ui-icon {
 	background-image: url(humanity/images/ui-icons_f35f07_256x240.png);
}
.humanity .ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.humanity .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.humanity .ui-corner-top {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}
.humanity .ui-corner-bottom {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
.humanity .ui-widget-content {
	border: 1px solid #e0cfc2;
}


/* Estilos Dialogo */
.dialogoEspera .ui-helper-clearfix:after {
	clear: both;
}

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dialogoEspera .ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}

/* to make room for the icon, a width needs to be set here */
.dialogoEspera .ui-button-icon-only {
	width: 2em;
	height: 2em;
	margin-top: .13em;
	outline: none;
}

/* button text element */
.dialogoEspera .ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.dialogoEspera .ui-button-icon-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}

/* button icon element */
.dialogoEspera .ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.dialogoEspera .ui-widget-header {
	border: 1px solid #e78f08;
	background: #fff url(../imagenes/fn-footer.png) repeat-x;
	color: #000000;
	font-weight: bold;
	padding-right: .6em;
}

.dialogoEspera .ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #000000;
	padding-right: .6em;
}

.dialogoEspera .ui-icon-closethick { background-position: -96px -128px; }

.ui-widget-overlay {
	background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
	opacity: .5;
}

.noCloseDialog .ui-dialog-titlebar-close {
	float:right;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .6em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .4em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-widget-header {
	border: 1px solid #cdc3b7;	
	color: #000000;
	font-weight: bold;
	padding-right: .6em;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-widget-content {
	border: 1px solid #e0cfc2;
	background: #ffffff;
	color: #1e1b1d;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Corner radius */
.ui-dialog .ui-corner-all {
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.header .titulo-aplicacion img {
	margin-top: 0 !important;
	margin-right: 15px;
}

.header .titulo-aplicacion a {
	color: #525252;
	text-decoration: none;
	display:block;
}

.header .titulo-aplicacion h1 {
	color: #525252;
	text-decoration: none;
	display:inline;
}

.header a:focus img.imgseleccionable {outline: thin solid #ec6a00 !important;}

fieldset {
    padding: 0 !important;
}

legend {
    font-style: normal !important;
}

ol.listanumerada {
	display: block;
	counter-reset: item;
}

ol.listanumerada li.numerada:before {
display: inline;
content: counter(item) ". ";
counter-increment: item;
}

.selectDestacado {
	border: 2px solid #ec6a00 !important;
    height: 30px !important;
    padding-top: 2.5px !important;
}

.selectDestacado div b {
	margin-top: 2.5px !important;
}

div.divTable {
	display: table;
}

div.divTableRow {
	display: table-row;
}

div.divTableCell {
	display: table-cell;
	vertical-align: middle;
    padding: 0 10px;
}

div.divTableCell.cellImg {
	width: 20%;
	text-align: center;
}

div.divTableCell.cellTxt {
	width: 80%;
}

hr.noshade {
	margin-top:7px;
	margin-bottom: 10px;
}

.imgPopup {
    -webkit-transition:all linear 0.5s;
    transition:all linear 0.5s;
    position: absolute;
	z-index: 1001;
}


.imgPopup.ng-hide {
        opacity: 0;
}

.imgPopup.ng-show {
        opacity: 1;
}

.imgPopupEnvioPrecios {
	position: absolute;
    top: 2%;
    left: 30%;
    width: 80%;
}

.imgPopupReports {
	position: absolute;
	top: 0% !important;
    left: 30%;
}

.imgPopupAwards{
    position: absolute;
    top: -23%;
    left: 28%;
    width: 60%;
}

.imgPopupPortales{
    position: absolute;
    top: -20%;
    left: 23%;
    width: 60%;
}

.imgPopup {
	-webkit-transition:all linear 0.5s;
  	transition:all linear 0.5s;
}

.imgPopup.ng-hide {
	opacity: 0;
}

.imgPopup img {
	width: 75%;
	padding:10px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.imgLogoPortugal {
	width: 90%;
}

.imgLogoComisionEuropea {
	width: 85%;
}

.imgLogoReinoUnido {
	width: 65%;
}

.ultimoDiv {
	margin-bottom: 15px;
}

.menuGasolineras {
	padding: 0 0.4em 0.5em 0 !important;
    margin-bottom: 0.5em !important;
}

.dialogoErrores ul {
	list-style-type: disc;
}

.dialogoErrores.ui-dialog-content{
    padding: 17px 30px;
}

.bloqueDatosFormularioAviso{
	margin-left: 0em;
    border: 1px #DADADA solid;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-top: 5px !important;
    border-radius: 10px;
    box-shadow: 3px 3px 5px 0px #E2E2E2;
    background-color: #F8F8F8;
    width: 94%;
    margin-bottom: 20px !important;
}

.bloqueDatosFormularioPreferencias{
	padding-bottom: 50px !important;	
}


.letrerocampoobligatorioIncoherencia {
	margin-bottom: 0px !important;
	width: 100%; 
	text-align: right;
	font-size:11px !important;
}

.botonUpload {
	border-width: 0px;
	height: 21px; 
	width: 21px;
	background: URL(resources/imagenes/incoherenciaPrecios/uploadFile.jpg) no-repeat;
}

div.falsoInput {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

div.divFalsoInput {
	position: relative;
	height: 30px;
	width: 250px;
}

div.divFalsoInputIncoherenciaPrecios {
	position: relative;
	height: 30px;
}


div.divFalsoInput input, div.divFalsoInputIncoherenciaPrecios input {
	border: none;
	width: 74.8%;
	height: 20px;
	padding-left: 3px;
	padding-top: 3px;
}

div.divFalsoInput input.hidden:focus, div.divFalsoInputIncoherenciaPrecios input.hidden:focus {
	background-color: transparent;
}

div.divFalsoInput input.fileOculto, div.divFalsoInputIncoherenciaPrecios input.fileOculto {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:Alpha(Opacity=0);
	opacity: 0;
	z-index: 2;
	width: 475px;
	margin: 0;
}

div.divFalsoInput div.falsoInput, div.divFalsoInputIncoherenciaPrecios div.falsoInput {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

div.divFalsoInput div.falsoInput input, div.divFalsoInputIncoherenciaPrecios div.falsoInput input {
	margin-bottom: 5px;
	margin-left: 0;
}

.legendIncoherencia {
	    color: #c05600;
	    font-style: italic;
	    padding: 11px 0;
}

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

.camponombre{
	width: 90%; 
	padding-top:15px;
	margin-left:2em;
}

.camponombrePreferencias div.chosen-container{
	width:50% !important;
}

.camponombrePreferencias div.chosen-container ul{
	border-radius:5px;
}

.margenderecho{
	margin-left:150px;
}

.noshade {
	margin-top:7px;
}

.borderRadius5px {
	border-radius: 5px;
}

.mensajeError{
	color: #FA787E;
}

.cuadroError{
	border: 1px solid #cc3333;
}

.linkHelp {
	margin-left: 5px;
}

/* Validations */
input.hasError, select.hasError, textarea.hasError, div.chosen-container.hasError a.chosen-single {
	border: 1px solid #d70909;
	color: #d70909;
}

label.hasError, span.hasError {
	color: #d70909;
}

/*Estilos para el datetimepicker */
div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff !important;
	background: #7F4000 !important; 
}

div.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #c05600 !important;
	box-shadow: #c05600 0 1px 3px 0 inset !important;
	color: #fff;
	font-weight: 700;
} 


div.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
div.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #c05600 !important;
	box-shadow: #c05600 0 1px 3px 0 inset !important;
	color: #fff;
	font-weight: 700;
}

div.xdsoft_datetimepicker .xdsoft_calendar td:hover,
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	background: #7F4000 !important; 
	color: #fff !important;
	box-shadow: none !important;
}

div.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
div.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #c05600 !important;
	box-shadow: #c05600 0 1px 3px 0 inset !important;
	color: #fff !important;
}

div.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #c05600;
}

div.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today.xdsoft_current{
	color: #fff;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
	color:#666666 !important;
	background-color:#FDFDFD !important;
}

/*Estilos formulario de busqueda*/
.widthStationsMenu {
	width: 90%;	
}

/* Estilos pagina contacto */
.marginleft20px {
	margin-left:20px;
}

/* Estilos pagina Accesibilidad */
.tablecell{
	display:table-cell; 
}

.ancho70{
	width:70%;
}

label.anchoIncumplimiento {
	width: 155px !important;
}

.errores{
    padding: 1.45em;
    border: 1px solid #d70909;
    border-radius: 10px;
    margin-right: 8px;
}

.errores h3 {
    color: #d70909;
    font-style: normal;
    font-size: 1.15em;
    padding: 0.15em 0 0.7em 0;
}

.errores li { list-style: disc; margin: 0 10px;}

.abcItemActive {
   background-image: url("../imagenes/incoherenciaPrecios/icon_select_station.png");
   background-repeat: no-repeat;
   margin-left:4px;
   width:  34px;
   height: 34px;
}

.abcItemInactive {
   background-image: url("../imagenes/incoherenciaPrecios/icon_select_station_unselected.png");
   background-repeat: no-repeat;
   margin-left:4px; 
   width:  34px;
   height: 34px;
}

.pickControlBlock {
	background: lightgray;
    opacity: 0.5;
    margin-left: 4px;
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 1;
}

.olControlClickItemInactive {
	background-image: url(../imagenes/incoherenciaPrecios/clickControl.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlClickItemActive {
	background-image: url(../imagenes/incoherenciaPrecios/clickControl_inactive.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
}

.olControlSelectFeatureItemActive {
   background-image: url("../js/OpenLayers/theme/default/img/button_query_ns.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.olControlSelectFeatureItemInactive {
   background-image: url("../js/OpenLayers/theme/default/img/button_query_S.png");
   background-repeat: no-repeat;
   width:  34px;
   height: 34px;
}

.content-desplegable .chosen-container {
	width: 50% !important;
}

.divErrores {
	padding-bottom: 15px;
}

.animated {
	-webkit-transition: all linear 0.5s;
	transition: all linear 0.5s;
}

.tablaInfoGasolinera {
	margin-top:8px;
}

.marginright5px {
	margin-right: 5px;
}

.anchoTipoDocumento{
	width:34.6% !important;
}

.selectMotivoIncoherencia{
	height:26px; 
	margin-left:2em;
}

.paddingtop15px{
	padding-top:15px;
}

.paddingleft5px{
	padding-left:5px;
}

.marginbottom10px{
	margin-bottom:10px;
}

.height20px{
	height:20px;
	margin-top: 5px;
}

.width51{
	width:51%
}

.descripcionIncoherencia{
	width:auto; 
	padding-right:20px;
}

.noresize{
	resize:none;
}

.paddingtop06em{
	padding-top: 0.6em;
}

.verticalalignmiddle{
	vertical-align: middle;
}

.paddinttop7px{
	padding-top: 7px;
}

.pSeparado {
	padding-top: 20px;
}

.alert {
	color: #d70909;
    font-weight: bold;
    background-image: url("../imagenes/alert.png");
    background-repeat: no-repeat;
    background-position-y: 3px;
}

.alert span {
	margin-left: 32px;
}

.contentAcuse {
	text-align: justify;
}

.marginleft155px{
	margin-left:155px;
}

.ancho67{
	width:67%;
}
/*Styles for maps*/
.map {
	width:100%; 
	display:table;
}

.mapContainer {
	width: 100%; 
	height:100%; 
	display:table-cell;
}

.alignCenter {
	text-align: center;
}

.toolbar {
	display:table-cell; 
	vertical-align: top;
	padding-left: 5px;
}

.toolbarMain {
	display:table-row-group; 
	vertical-align: top;
	padding-left: 5px;
}

.toolbarInferior {
	/* display:table-cell; 
	vertical-align: top;
	padding-left: 5px; */
	width: 100%;
	margin-top:0px;
	margin-left:5px;
	margin-right: 5px;
}


.contenedorBotonesToolbar{
	float:right;
}


input.seleccionArchivo{
	border-radius: 5px !important; 
	border:rgb(204,204,204) solid  1.11111px !important; 
	height:13.3333px !important;
}

img.verticalAlignMiddle{
	vertical-align: middle;
}

input.botonBuscar{
	margin:5px auto;
	display:block;
}



input[type=submit].botonBuscar:disabled{
	/* color: #fff;
	cursor: wait; */ 
	background: url(../imagenes/fn-boton-disabled.png) repeat-x ;
	color:#aaa;
}

input[type=submit].botonBuscar:disabled:hover { text-decoration: none;}

.anchomapabusquedagasolinera{
	max-width:1421px;
}

.textoFinIncoherencia{
	text-transform: uppercase; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11.73px; 
	font-weight: bold;
}

.ruletaCarga{
	z-index: 1020;
	background-color:#fff; 
	height:56px;
	width:300px;
	padding-top: 3%;
	text-align:center;
	border: 3px solid #aaa;
	position: absolute;
	top: 50%;
    left: 35%;
    font-size:1.35em;
    display: table-cell;
	vertical-align: middle;
}

.ruletaCargaInicio{
	top: 25% !important;
	left: 40% !important;
	border: 2px solid #EC6A00 !important;
	border-radius: 5px;
}


.pantallaCarga{
	position:absolute;
	z-index: 5;
	background: #CCC;
/* 	opacity:0.4; */
} 

/*Datatable planes de descuento */

table, td, .container th {
    vertical-align: middle;
    border-collapse: collapse;
    border: 0px none;
}

#datatablePlanesDescuento td, #datatableConsumos td, #datatablePlanesDescuentoGasolinera td, table.tablaGasolinera td, .tablaResultadoBusqueda td, #datatableServiciosREST td, #datatableConsumos td{
    background: #FFF none repeat scroll 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid none solid solid;
    border-color: #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    padding: 0.55em 0.25em;
}

#datatablePlanesDescuento th, #datatableConsumos th, #datatableConsumos th, #datatablePlanesDescuentoGasolinera th, table.tablaGasolinera th, .tablaResultadoBusqueda th{
	height:40px !important;
    border: 1px solid #CCC;
    color: #555;
    font-size: 1.15em;
    white-space: normal;
    padding: 0.55em 0.25em 0.55em 0.5em;
    font-weight: bold; 
    background-color: rgba(0, 0, 0, 0) !important;
    background-position: right top !important;
    background-repeat: repeat-x !important; 
/*     background-repeat: no-repeat !important;  */
}

#tablaServiciosREST th{
	height:2em !important;
    border: 1px solid #CCC;
    color: #555;
    font-size: 1.15em;
    white-space: normal;
    padding: 0.55em 0.25em 0.55em 0.5em;
    font-weight: bold; 
    background-color: rgba(0, 0, 0, 0) !important;
    background-position: right top !important;
    background-repeat: repeat-x !important; 
}

#datatablePlanesDescuento, #datatableConsumos, #datatablePlanesDescuentoGasolinera, #tablaDetalleGasolinera, .tablaResultadoBusqueda, #datatableServiciosREST{
    border: 1px solid #CCC;
    width:100% !important;
    min-width: 20em;
}

.tablaResultadoBusqueda{
	font-size: 11.5px !important;
}

.tablaResultadoBusqueda td {
	word-break: break-word;
}

#datatablePlanesDescuento tbody, #datatableConsumos tbody, #datatablePlanesDescuentoGasolinera tbody, table.tablaGasolinera tbody, .tablaResultadoBusqueda tbody, #datatableServiciosREST tbody{
    border: 1px solid #CCC;
    border-color: #CCC;
}

#datatablePlanesDescuento body, #datatableConsumos body, #datatablePlanesDescuentoGasolinera body, .tablaResultadoBusqueda body{
    border-color: #EEE;
}

#linkDescargaXLSPlanes, #linkDescargaXLSPlanesGasolineras, #linkDescargaCSVPlanes, #linkDescargaCSVPlanesGasolineras{
    border: 0px none !important;
    border-radius: 5px !important;
    color: #FFF !important;
    cursor: pointer !important;
    font-size: 1.15em !important;
    margin-bottom: 1em !important;
    margin-left: 20px !important;
    padding: 3px 5px !important;
    width: 45px !important;
}

#linkDescargaXLSPlanes, #linkDescargaXLSPlanesGasolineras{
    background: #0E6E02 none repeat scroll 0px 0px !important;
    text-decoration: none;
}

#linkDescargaCSVPlanes, #linkDescargaCSVPlanesGasolineras{
    background: #92B601 none repeat scroll 0px 0px !important;
    text-decoration: none;
}

div.descargaXLSPlanes {
    margin: 10px 0;
    text-align: right;
}

button.dt-button,
div.dt-button,
a.dt-button,
a.dt-button div {
    border: 0px none !important;
    border-radius: 5px !important;
    color: #FFF !important;
    cursor: pointer !important;
    font-size: 1.15em !important;
    margin-bottom: 1em !important;
    padding: 3px 5px !important;
    width: 45px !important;
    position: relative;	
  	text-decoration: none;
  	display: inline-block;
	text-align:center;	
}

a.dt-button.buttons-csv.buttons-flash{
    background: #92B601 none repeat scroll 0px 0px !important;
}

a.dt-button.buttons-csv.buttons-flash, a.dt-button.buttons-csv.buttons-flash div {
    margin-right: 20px !important;
}

a.dt-button.buttons-excel.buttons-flash {
    background: #0E6E02 none repeat scroll 0px 0px !important;
}

a.textoCookiesPolicy, a.datosTablaGasolinera{
	text-decoration: none; 
	color: #555;
}

a.destacadoTextoCookiesPolicy{
	font-weight:bold;
	text-decoration: none; 
	color: #555;
}

/* Tabla Detalle Gasolinera*/

table.tablaGasolinera td{	
	border: 1px solid #CCC;	
    color: #555;
}

td.celdaDestacada{
	font-weight: bold;
}

tr.oddGasolinera td{
	background-color: #EEE !important;
}

th.claveGasolinera{
	width: auto;	
}

table.estacionPrecioTamanyoModerado{
    display:table;
    width:100%;
    table-layout:fixed;
}
.th.claveGasolinera{
    display:table-cell;
    width:100px;
    border:solid black 1px;
}

a.claveGasolinera{
	color: #555;
}

/*End styles for maps*/

.contentStationsMenu .botonBuscar {
    margin-top: 15px !important;
    width: 85% !important;
}

.contentStationsMenu {
	width: 100%;
}

.tableStationsMenu {
	display: table;
}

.rowDiscountPlans {
	width: 175px !important;
	display:table-row;
}

.titleDesplegable {
	width:92%;
}

.textStationsMenu {
	border-radius: 5px;
}

.full {
	width: 100%;
}

.cellDireccion {
	display: table-cell;
	padding-right: 20px;
	width: 70%;
}

.cellNumero {
	display: table-cell;
	padding-right: 0.9em;
}

/* Dialogo errores */
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-open {
  overflow: hidden;
}
.modalErrores {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background: rgba(0, 0, 0, 0.5);
}
.modalErrores.fade .modalErrores-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modalErrores.in .modalErrores-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modalErrores-open .modalErrores {
  overflow-x: hidden;
  overflow-y: auto;
}
.modalErrores-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  top: 150px;
}
.modalErrores-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid #d70909;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modalErrores-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modalErrores-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modalErrores-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modalErrores-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modalErrores-header .closeErrores {
  margin-top: -2px;
}
.modalErrores-title {
  margin: 0;
  line-height: 1.42857143;
  font-weight: bold;
}
.modalErrores-body {
  position: relative;
  padding: 15px;
}
.modalErrores-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modalErrores-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modalErrores-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modalErrores-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modalErrores-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modalErrores-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modalErrores-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modalErrores-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modalErrores-lg {
    width: 900px;
  }
}

button.closeErrores {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.closeErrores {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}


input.botonTabla{
	border: none;
	box-shadow:none;
	padding: 2px;
}

input.widthBotonTabla {
	width: 22%;
}

input.widthBotonTablaFavoritos {
	width:32px;
}

input.widthBotonTablaAlertas {
	width:28px;
}

input.widthBotonTablaConsumos {
	width:32px;
	border:none;
	box-shadow:none;
}

input.widthIconFavoritos {
	width:26px;
}

.widthOpcTableFavoritos {
	width:260px;
}

.ajusteIcono {
	margin-left: -7px;
}

#datatableResultadoBusqueda_wrapper{
	margin-top:20px;
}

#divListaResultados{
	margin-top:10px;
}

table.tablaDatos, table.tablaDatos tr, table.tablaDatos td, 
table.tablaLeyenda, table.tablaLeyenda tr, table.tablaLeyenda td{
	border: 1px solid #ccc;
	padding: 5px;
}

table.tablaDatos, table.tablaLeyenda{
	width:100% !important;
}

table.tablaLeyenda{
	border-collapse: separate;
}

#leyendaEESS{
	margin-top:45px;
}

#leyendaEESS.h2{
	text-align: left;	
}

div.criterios {
    font: italic 1.3em Georgia,"Times New Roman",serif;
    color: #555555;
}

table.display td {
    vertical-align: middle;
}
#divSeleccionarArchivos {
	clear: both;
}

.subtablaPlanesDescuento{
	padding-left:50px; 
	width:100%;
}

body.geoportal .center-left {
	margin-top: -24px;
	margin-left: 20.15em;
}

.widthStationsMenu, .rowDiscountPlans .chosen-container  {
	max-width: 210px !important;
}

.widthRutasMenu  {
	max-width: 210px !important;
	margin: 15px 15px 0 0;
}

#venta .chosen-container {
	max-width: 210px !important;
}

/* Tabla de resultado de busqueda */
span.sortableIcon {
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
    background-image: url("./uilightness/images/ui-icons_ef8c08_256x240.png");
    float: right;
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

span.sortableIcon.iconSinSort {
    background-position: -128px 0;
}

span.sortableIcon.iconSortAsc {
    background-position: 0 0;
}

span.sortableIcon.iconSortDesc {
    background-position: -64px 0;
}

div.divSortable {
	padding-right: 20px;
    position: relative;
}

dir-pagination-controls ul {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

dir-pagination-controls ul li {
	display: inline;
}

dir-pagination-controls ul li a {
	text-decoration: none;
}

dir-pagination-controls ul li.pointSeparator a {
	cursor: default;
}

dir-pagination-controls ul li:not(.pointSeparator) a {
    border: 1px solid #AAAAAA;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
    outline: 0;
}

dir-pagination-controls ul li:not(.pointSeparator):not(.disabled):not(.active):not(:hover) a {
	background-color: #fff;
    color: #c05600;
}

dir-pagination-controls ul li.active a, dir-pagination-controls ul li:hover:not(.pointSeparator) a {
	background-color: #c05600;
	color: #FFFFFF;
}

dir-pagination-controls ul li:hover:not(.pointSeparator) a {
	text-decoration: underline;	
}

.divBusquedaTabla {
	float: right;
    margin-bottom: 10px;
    text-align: right;
    width: 50%;
}

.divBusquedaTabla input {
    width: 25% !important;
    float: right;
}

.divBusquedaTabla label {
	padding: 4px;
	float: right;
}

.tdOpciones {
	text-align: center;
}

.comoUsarHerramienta {
	margin-bottom: 5px;
}

h3.subtituloIncoherencia {
	padding-top: 10px;
}

.redesSociales.panel {
	margin-bottom: 20px !important;
}

.tablaResultadoBusqueda th {
	padding: 0.15em 0.15em 0.25em 0.25em !important;
}

.tablaResultadoBusqueda div.divSortable {
	padding-right: 15px !important;
}

.thFecha {
	width: 75px;
}

.thRotulo {
	width: 90px;
}

/* Tooltip container */
label.tooltip{
	width:17px !important;
	height:17px !important;
	float:left;
    position: relative;
    display: inline !important;
	background: url(../imagenes/info-icon-17-naranja.png) no-repeat;
}

label.tooltipPreferencias{
	float:right !important;
	margin-right:6.7em;
}

label.tooltipAlertas{
	float:right !important;
}

label.tooltipTabla {
	max-width:4em;
	max-height:4em;
	float:left;
    position: relative;
    display: inline !important;
}

/* Tooltip text */
.tooltip .tooltipText, .tooltipTabla .tooltipText {
    visibility: hidden;
    width: 30em;
    background-color: #555;
    color: #fff;
    text-align: left;    
    padding: 5px 1em;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 50%;
    left: 50%;
    margin-left: -6em;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

.tooltipTextPreferencias{
	width:43em !important;
}

.tooltipTabla .tooltipText{
	max-width: 12em !important;	
}

.tooltipText{
	width: 27em !important;	
}

.tooltipTextVenta p{
	margin: 0;
	padding: 0;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltipText, .tooltipTabla:hover .tooltipText{
    visibility: visible;
    opacity: 1;
}
a.textoTooltip{
	color: #fff;
    font-size:10px;
    text-decoration: none;
}

a.textoTooltipConsumos{
	color: #fff;
    font-size:0.9em;
    margin: 1em;
    text-decoration: none;
}

#homeTipoVentaLabel, #homeTipoServicioLabel{
	width: auto;
	margin-right: 5%;
}

a.textoLeyenda{
	color: #555;
	text-decoration: none;
}

div.columnaDerechaDetalleGasolinera{
	width:33%;
	float: left;
	margin: 1em;
}

.columnaCentralDetalleGasolinera{
	width:98%;
	float: left;
	margin: 1em;
}

.columnaIzquierdaDetalleGasolinera{
	width: 60%;
	height: 50%;
	display: inline;
	float: left;
	margin: 1em;
}

.columnaUnica{
	width: 100%;
	display: block;
	float: left;	
	margin: 1em;
}

p.oddParrafo{
	float:left;
	margin: 0.25em;
	width: 100%;
	text-align: left;
}

.evenParrafo{
	float: right;
	margin: 0.25em;
	width: 100%;
	text-align: right;
}

a.datosGasolinera{
	text-decoration: none;
}

td.leyendaTablaPrecios a{
	font-size: 1em;
	margin-top: 0.7em;
	text-decoration: none;
}

td.separacionTablaPrecios a{
	font-size: 1em;
	margin-top: 0.7em;
	margin-right: 0.7em;
	text-decoration: none;
}

div.tablaLeyenda{
	margin-top: 0.7em;
}

div.tablaLeyenda table td {
	margin-right: 1em;
}

div.cuadroSuperiorDetalle{	
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	padding: 5px;
	overflow: hidden;
}

.descargaExcelPlanesDetalleGasoilinera{
	margin-bottom: -3.5em !important;
}

p.avisoDescargas{
	border: solid #ec6a00;
	border-width: 1px;
	padding: 1em;
}

a.avisoDescargas{	
	color: #555555;
	text-decoration: none;
}

td.descripcionREST, td.urlREST{
	border: solid #CCC;
	border-width: 1px 1px 1px 1px;
	padding: 1em;
}

td.urlREST{
	width:100em;
	vertical-align: middle;
}

td.urlREST a{
	text-decoration: none;	
	color:grey;
}


td.descripcionREST{	
	width: 20% !important;
	vertical-align: middle; 
}

p.textoUrlREST{
	width:90%;
	display: inline-block;
}

a.iconoREST{
	margin-left:2em;
	float: right;
}

tr.filaREST{
	width:95% !important;	
}

textarea.textAreaCodigoXML{
	width: 100%;
}

a.lineaCodigoXML{
	white-space: pre;
	text-decoration: none;
	color: #555555;	
}

p.parrafoLineaCodigoXML{
	padding: 0px;
	margin: 0px;
}

div.divCodigo{
	padding: 2em;
	margin-bottom: 2em;
	background-color: #fff1d6;
	border: 1px solid #ec6a00;
}

h3.tituloH2REST{
	margin-left:1.25em;
}

a.importanteDescargas{
	font-weight: bold;
	font-size: 1.15em;
	color: #555555;
	text-decoration: none;	
}

td.centrado{
	text-align: center;
}

tr.cabeceraEstrecha{
	height: 2em !important;
}

th.centralRest{
	width:70% !important;
}

th.ayudaRest{
	width:5% !important;
}

td.centralRestB{
	width:70% !important;
	word-break:break-all;
}

td.ayudaRestB{
	width:5% !important;
}


th.servicioRestTitulo{
	width:25% !important;
}

td.servicioRestTituloB{
	width:25% !important;
}

div.widthConsumptionMenu{
	width:100%;
	
}

input.botonNuevoConsumo{
	margin:5px auto;
	display:block;

}

/*PopUp de Añadir Consumo solo Posicion*/
.popUpAddConsumo {
  top: 20%;
  left: 37%;
  width:25%;
  min-width:386px;
  overflow: inherit;
}

.bodyPopUpAddConsumo{
  margin-top:2em;
 }

.bodyPopUpAddConsumo div{
	margin-top:0.5em;
}

.botoneraPopUpAddConsumo{
	text-align: center;
	float: none !important;
	padding-bottom: 1em;
}

div.botonera{
    float: left;
    margin-top: 1em;
}

.botoneraPreferencias{
	margin-left:25%;
	float: none !important;
}

input.botonGuardarPreferencia{
	margin-left:5em;
}

#chart_div {
	margin-top:3em;	
	width: 70%;
}

/* pop up  */
.dialogdemoBasicUsage #popupContainer {
  position: relative; }

.dialogdemoBasicUsage .footer {
  width: 100%;
  text-align: center;
  margin-left: 20px; }

.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
  font-size: 0.8em;
  margin-top: 50px; }

.dialogdemoBasicUsage button {
  width: 200px; }

.dialogdemoBasicUsage div#status {
  color: #c60008; }

.dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
  margin-bottom: 0; }
/* pop up  */

/*----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/
/* pop up  imput*/

.colorWhite{
	color:#FFF;
}

.iconoInicio {
	padding:0 !important;
    text-align: center;
}

.tamanioIconoPersonaOFF{
	color:#FFF;
 	width:15px; 
	height:15px; 
	margin-top:0 !important;
	padding:0 !important;
}

.tamanioIconoPersonaON{
	color:#FFF;
 	width:15px; 
	height:15px; 
	margin-top:0 !important;
	padding:0 !important;
}

.tamanioOFF{
	color:#FFF;
 	width:15px; 
	height:15px; 
	margin-top:0 !important;
	padding-right:0 !important;
}

.iniciosesion{
	padding:0 !important;
    text-align: center;
}

.inputdemoIcons .inputIconDemo {
  min-height: 48px; }
.inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.email {
  color: green; }
.inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.name {
  color: dodgerblue; }
.inputdemoIcons md-input-container.md-input-invalid > md-icon.email,
.inputdemoIcons md-input-container.md-input-invalid > md-icon.name {
  color: red; }

.sinMargenInferior{
	margin-bottom: 0px;
}

.divCampoRegistroError{
	height: 18px; 
	padding-left:30px;
}

.mensajeErrorPopUp{
	color:red;
	font-family: inherit;
	font-size: smaller;
}

.mensajeErrorPopUp2{
	right: 0;
}

.bottonPopup {
 background-color: #FC862a;
 border-radius: 10px 0 0 10px;
}

.vinculoUser{
	text-decoration:underline;
}

.vinculoUser:hover{
	text-decoration:none;
}


/* pop up */
.popUpBase {
  position: fixed;
  z-index: 1020;
  outline: 0;
  border-radius: 5px;
  background:white;
 }

.popUpBaseBackground {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1015;
  background-color: #808080;
  display: block;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.tituloPopup {
	background-color: #ec6a00;
	color:white;
	padding: 1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 5%;
}

.tituloPopup span{
	font: 1.75em Georgia, "Times New Roman", serif;
}

.tituloPopup legend{
	font: 1.2em Georgia, "Times New Roman", serif;
}

.popUpContrasenia {
	top: 37%;
	left: 35%;
	width: 33%;
	height: 25%;
}

.popUpBaseBackgroundContrasenia{
	  z-index: -12 !important;
}

.popUpLogin{
  top: 10%;
  right: 0;
  bottom: 0%;
  left:30%;
  width:45%;
  min-width: 480px;
}

.bodyPopup{
  padding: 0 2em 0 2em;
  background-color: white;
}

.bodyPopupContrasenia{
  padding-bottom: 12px;
  background-color: white;
  padding-top: 1px;
}
 .messagePopUpContr{
 	margin-right: 1em;
 	margin-left: 1em;
 }
.bodyPopupRegistry {
  background-color: white;
/*   height: 527px; */
}

.scrollZone{
	overflow-y: auto;
	padding-right:0;
	padding: 0 0 0 2em;
}

.indexInformacionMapa {
	  z-index: 1010 !important;}

/*Cambia las dimensiones del popup de inicio de sesion la altura de la pantalla*/
@media screen and (max-height: 380px) {
  .popUpLogin {
  	 height:300px;
  }
  .bodyPopupRegistry {
  	 height: 267px;
  } 
  .scrollZone{
  	height: 219px;
  }
}

@media screen and (min-height: 380px) and (max-height: 660px) {
  .popUpLogin {
  	 height:400px;
  }
  .bodyPopupRegistry {
  	 height: 367px;
  } 
  .scrollZone{
  	height: 319px;
  }
}

@media screen and (min-height: 660px) {
  .popUpLogin {
  	height:560px;
  }
  .bodyPopupRegistry {
  	  height: 527px;
  } 
  .scrollZone{
  	height: 478px;
  }
}
/* Style the tab content */
.tabcontent {
    padding: 10px 12px;
 } 

.popUpLoginOut{
  top: 40%;
  left: 40%;
  z-index: 1200;
}

.popUpNoFavoritos{
  top: 40%;
  left: 30%;
  z-index: 1200;
}

.popUpRegistryRow{
	width: 50%;
 	display: table-row; 
	padding-left: 5%;
}
.popUpRegistryCell{
 	display: table-cell;
 	padding: 0 20px;
 	vertical-align: top;
}
/*Pone a la izquierda la flecha del select en IE*/
@media screen and (min-width:0px) {
    md-select .md-select-icon {
        float: right;
    }   
}
.noShadowIE {
	box-shadow:none;	
}

.popupColunmCentral{
	margin-left: 25%;
	margin-right: 25%;
}

.popUptable{
	display:table;
	width:100%;
}

.titulpopUpRestable{
	width: 98%;	
}

.md-active {
	 z-index: 1100 !important;
}

/*    */
.closePopup   {
  position: absolute;
  right:0;
  margin-right: 20px;
  margin-top: 0 !important;
}

.pointer {
	cursor:pointer;
}

.imgAvisoPopUp{
	margin: auto 0  !important;
	padding-right:5px  !important;
	vertical-align: middle  !important;
	float: none !important;
}

.divSuccessful{
	height: 10%;
	background-color: #E5F7D9;
	background-image: url("../imagenes/check.png");
	background-repeat: no-repeat;
	background-size:25px;
	background-position: 8px center;
	border-radius: 5px;
	border: solid 1px #41AD49;
	color: #41AD49;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 13px;
}

.divError{
	height: 10%;
	background-color: #F7E6D9;
	background-image: url("../imagenes/error.png");
	background-repeat: no-repeat;
	background-size:25px;
	background-position: 8px center;
	border-radius: 5px;
	border: solid 1px #D72828;
	color: #D72828;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 13px;
}

.divWarning{
	height: 10%;
	background-color: #FFFEE9;
	background-image: url("../imagenes/warning.png");
	background-repeat: no-repeat;
	background-size:25px;
	background-position: 8px center;
	border-radius: 5px;
	border: solid 1px #FFA00C;
	color: #FFA00C;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 13px;
}

.divError span, .divSuccessful span , .divWarning span {
	margin-left: 32px;
	display: inline-block;
}

.divAvisosPadding{
	position: relative;
	padding: 0 6em;
}
 .divMarginRight{
	margin-right: 2%;
}

/*			 Tab stile 					*/
 /* Style the tab */
div.tab {
    overflow: hidden;
	border-bottom: 1px solid #ccc;
    padding: 1em 0  0 0;

}

/*Centra las pestañas de inicio de sesion*/
.tabRegistry{
	padding: 0 2em 0 2em !important;
	text-align: center;
	height:48px;
}

.messagesRegistry {
	margin-right:2em;
	height: auto;
}

/*Centra boton de Google*/
.g-signin2{
  width: 100%;
}

.g-signin2 > div{
  margin: 0 auto;
}

/* Style the buttons inside the tab */
.tablinks {
    border: none;
    padding: 14px 16px;
    font-family: inherit;
    background-color: white;
    border-color: orange;
}

.imagenRegistro{
	width:30px;
	margin-right:6px;
	}

.campoCorrecto  svg  {
  fill: green;
}
.campoNoCorrecto svg  {
  fill: red;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

.bordeNoranja {
   border-bottom: 3px solid orange;
}

.userbody{
	border: 1px #DADADA solid;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 20px !important;
	padding-top: 5px !important;
	border-radius: 10px;
	box-shadow: 3px 3px 5px 0px #E2E2E2;
	background-color: #F8F8F8;
	width: 92%;
	margin-bottom: 20px !important;
	margin-left: 2%;
}

/* toast */
md-toast.md-top {
 	left: 50%;
    margin-left: -150px;
    margin-top: 10%;
    background-color: #ff0000;
    color: #80ff00;
}

span.spanTipoBusqueda{
	margin-right:15%;
}

label.labelTipoBusqueda{
	width:50%;
	margin-bottom: 1.5em;
}

/*Pone los iconos de angular material en rojo cuando required true*/
.tabcontent md-input-container.md-input-invalid > md-icon.email,
.tabcontent md-input-container.md-input-invalid > md-icon.name {
    color: red !important;
}

/*Pone los iconos de angular material en verde cuando tienen algún valor*/
.tabcontent md-input-container.md-input-has-value > md-icon.email,
.tabcontent md-input-container.md-input-has-value > md-icon.name {
    color: green;
}

.withoutShadow {
	box-shadow:none;
}
.linkAdd {
	margin: 1em;
	float:right;
}

.camponoReadOnly{
	background-color: #e2e2e2;
}

.loading{
	top: 39%;
	left: 41%;
	z-index: 1025;
	position: fixed;
	background: #FFFFFF;
	border: 2px solid #e48032;
	border-radius: 5px;
	width: 300px;
	text-align: center;
	font-size: 1.35em;
	padding-bottom: 30px;
	padding-top: 30px;
}

.centerColumli{
	  list-style: none;
	  padding:  10px 70px 10px 70px;
}

.imagenLoadin{
	float: none !important;
	margin: 0 !important;
	vertical-align: middle;
}
.tituloCargar{
	font-size: 17px;
}


.backgroundLoading{
	z-index:1021;
}

/*Cambia las dimensiones del popup anchura de la pantalla*/
@media screen and (max-width:700px) and (min-width: 620px) {
  .popUpLogin {
   	   left:15%;
  }
}

@media screen and (max-width: 620px) {
  .popUpLogin {
   	   left:8%;
  }

}

.linkPreferences {
	vertical-align:middle;
	display:inline-block;
	margin-left: 8px;
	margin-bottom: 10px;
}

.linkPreferences img {
	vertical-align:middle;
}

.marginsGasStationDetail {
	margin-left:20px;
	margin-right:20px;
}

.tableRow {
	display:table-row;
}

.tableAssessments {
	display:table;
	width:100%;
	margin-top:15px;
}

.divServices {
	width:65%;
}

.divAssessments {
	width:35%;
}

/*Correccion estilos boton Google */
.abcRioButton {
	 margin: 0 auto;
}

.abcRioButtonBlue {
	border: none;
	color: #fff;
	background-color: #4285f4;
}

.abcRioButtonBlue:hover {
	background-color: #4285f4;
}

.abcRioButtonBlue:active {
	background-color: #3367d6;
}

.abcRioButtonIcon {
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

.abcRioButtonContentWrapper {
	border: 1px solid transparent;
}

.abcRioButtonIcon {
	background-color: #fff !important;
	float: left;
}
.abcRioButtonSvg {
	display: block;
}
.abcRioButtonContents {
	font-family: Roboto, arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .21px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}
.abcRioButtonContentWrapper {
	height: 100%;
	width: 100%;
}

.divAccesoClave {
	 margin: 0 auto;
	 width: 124px;
	 height: 42px;
}

.divAccesoClave img{
	margin: 0 auto;
	height: 40px;
}

.divImagenMasTitulo{
	padding-bottom: 0.15em; 
	border-bottom: 3px solid #ec6a00; 
	margin-top:0px;
	margin-bottom: 0.55em;
	
	display:inline-block;
	width:100%;
	vertical-align:middle
}

.imagenPretitulo{
	width: 32px;
	vertical-align: middle;
}

.imagenPretituloGPS{
	width: 24px !important;
	vertical-align: middle;
}

.tituloTablaPostesElectricos{
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 1.25em !important; 
	font-weight:bolder;
	color: #ec6a00;
	padding:0px;
	margin:0px;
	vertical-align: middle; 
}

/*
.popUpPosteElectrico{
	font-style:bold;
	color:#4c61ff;
}
*/


.popUpPosteElectrico table{
	float:left;
	margin-top: 5px;
	margin-bottom: 0px; 
}

.popUpPosteElectrico th{
	font-weight:900;
	color:#4c61ff;
	margin-bottom: 10px;
	height: 35px;
}



.popUpPosteElectrico td{
	color:black;
	margin-bottom: 0px;
	height: 10px;
}

.popUpPosteElectrico td .popUpPosteElectricoResaltado{
	font-weight:bold;
	color:#4c61ff;
	float: left;
}

.popUpPosteElectrico td .popUpPosteElectricoNormal{
	font-weight:lighter;
	color:black;
	float: left;
}

.imagenPopUpPosteElectrico{
	background: url(../imagenes/circuloPostes.png) no-repeat 0 0;
	/* background:url(../imagenes/rate_star_16px.png) no-repeat 0 0; */
	width:75px;
	height:75px;
	float:left;
	margin-top:5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px; 
}

.clickControl-cursor {
  cursor : url(../imagenes/incoherenciaPrecios/cursor_select_station.png), pointer !important;
}


.bottomImg{
	vertical-align: bottom;
	width: 24px;
}

.right{
	float: right;
}


#divOpcionesRuta div{
    height: auto;
    overflow: hidden;
}

#divOpcionesRuta input[type=radio]{
	width: auto !important;
}

#divOpcionesRuta label{

	padding-left: 5px;
    float: right;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ec6a00;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ec6a00;
    cursor: pointer;
}

span.deleteicon {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: 5px;
    right: 0px;
    width: 16px;
    height: 16px;
    background: url('../imagenes/chosen/chosen-sprite.png') no-repeat 0px 2px;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 16px;
    box-sizing: border-box;
}

.clearable{
  position: relative;
  display: inline-block;
}
.clearable input[type=text]{
  padding-right: 24px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}
.clearable__clear{
  display: none;
  position: absolute;
  right:0; top:0;
  padding: 0 8px;
  font-style: normal;
  font-size: 1.2em;
  user-select: none;
  cursor: pointer;
}
.clearable input::-ms-clear {  /* Remove IE default X */
  display: none;
}

/* Estilos coste ruta */ 

table.tablaCosteRuta {
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}

table.tablaCosteRuta th{
	width: 25%;
    border: 1px solid #CCC;
    color: #555;
    font-size: 1.15em;
    white-space: normal;
    padding: 0.55em 0.25em 0.55em 0.5em;
    font-weight: bold; 
    background-color: rgba(0, 0, 0, 0) !important;
    background-position: right top !important;
    background-repeat: repeat-x !important;
}

table.tablaCosteRuta td{
	width: 25%;
    background: #FFF none repeat scroll 0px 0px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    padding: 0.55em 0.25em;
}

input.inputCosteRuta {
	width: 48% !important;
	border-radius: 5px;
}

#divCosteRuta {
	margin: 10px 10px 0 10px;
}

#divCosteRuta label#emisionesRuta {
    color: #1AB0EA;
    text-align: center;
    font-size: 15px;
    width: 100%;
}

#divCamposCosteRuta {
	margin-left: 50px;
}

#divCamposCosteRuta div.fieldset {
	margin-top: 0.55em;
}

#divCamposCosteRuta label {
    width: 50%;
}

.marginHorizontalAuto {
	margin-left: auto;
    margin-right: auto;
}

.width70pct {
	width: 70%;
}

.width30pct {
	width: 30%;
}

.width40pct {
	width: 40%;
}

.right {
	float: right;
}

#imgEmisiones {
	display: block;
    margin: 25px auto;
}

.graficoCosteRuta {
	text-align: center;
}

.ui-autocomplete {
	background-color: white;
	color: #444;
    max-width: 165px;
    max-height:240px;
    margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 240px;
}

.ui-autocomplete li {
	margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
}

.ui-autocomplete .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
}

.ui-autocomplete .ui-state-focus {
	background-color: #f9ac70;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f9ac70), color-stop(90%, #ec6a00));
	background-image: -webkit-linear-gradient(#f9ac70 20%, #ec6a00 90%);
	background-image: -moz-linear-gradient(#f9ac70 20%, #ec6a00 90%);
	background-image: -o-linear-gradient(#f9ac70 20%, #ec6a00 90%);
	background-image: linear-gradient(#f9ac70 20%, #ec6a00 90%);
	color: #fff;
}

.distanciaKilometro1{
	display: flex !important;
}
.distanciaKilometro2{
	text-align: center !important;
    margin-top: 0 !important;
}
.distanciaKilometro3{
	margin-left: 5px; 
	margin-right: 5px;
}

/* Fin Estilos coste ruta */ 

.centerIconEESS {
	margin: 0 auto 1.5em auto;
    display: block;
}

.linkIDAERutas {
	float: right;
    font-size: 11px;
}

.messagesIncoherencia {
	margin-right:22px;
}


.notice-severity-icon-container {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    height: 40px;
}

.notice-severity-icon {
   	background-image: url("../imagenes/warning.png");
	background-repeat: no-repeat;
	background-size:32px 32px;
	display: inline-block;
	width: 32px;
    height: 32px; 
   	overflow:hidden;
   	margin: 0;
   	padding: 0;
}

.notice-headline {
    font-size: 13px;
    font-weight: 300;
    color: black;
    /*color: #9E9E9E;*/
    vertical-align: middle;
    display: inline;
	background: transparent;
    border: 0;
    border-radius: 0;
    font: inherit;
    list-style: none;
    margin: 0;
    outline: 0;
    overflow: visible;
    padding: 0;
}

.popupMarker{
	/* background-color: white; */
	min-width:150px !important;
	max-width:210px !important;
	margin:5px !important;
	border-radius: 5px;
    border: 1px solid grey;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 2px; 
}



table.tablaPuntoRecarga td {
    background: #FFF none repeat scroll 0px 0px;
    padding: 0.55em 0.25em;
}

table.tablaPuntoRecarga {
    width:50%;
    margin-left: 0;
}

table td.w25 {
    width:25%;
}

.divWarningGeoportalInstalaciones{
	height: 10%;
	background-color: #FFFEE9;
	background-image: url("../imagenes/warning.png");
	background-repeat: no-repeat;
	/* background-size:25px; */
	background-position: 8px center;
	border-radius: 5px;
	border: solid 1px #FFA00C;
	color: #FFA00C;
	padding: 8px;
	/* margin-top: 8px; */
	margin-top:20%;
	margin-bottom: 13px;
	margin-left:5%;
	margin-right:5%; 
}