body{margin: 0;} 
.header-right ul, .header-right ul li{margin: 0; padding: 0; list-style: none;}
.lista, .lista li, .listaLogin, .listaLogin li{margin: 0; padding: 0; list-style: none;}
.listaAdmin, .listaAdmin li{margin: 0; padding: 0; list-style: none;}

a{text-decoration: none; color: #666666} /*saca los puntos  que trae por defecto*/
.clear{clear: both;}
h1,h2,h3,h4,h5,h6{font-weight: normal;} /*saca la negrita que trae por defecto*/

body{
	font-family: "roboto",sans-serif;
    font-size: 15px;
    color: #666666;
    text-align: center;
    margin: 0;
    min-width: 320px
	}

header{ border-bottom: solid 1px #a6a6a6}

.container{
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}

.container-datos-utiles{
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;	
}

.container-header{
	margin-top: 4px;
	margin-bottom: 4px;
	}

.container-sabias{
	max-width: 700px; 
	text-align: left;}
.h2-sabias{padding: 0.8em 0;}
.container-sabias p{
	line-height: 1.3em;
	margin-bottom: 10em;
}

.container-noticias{max-width: 900px}
.container-user, .container-user-in{
	max-width: 600px;
	min-width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em
}
.container-user-in td{padding-left: 1em; padding-right: 1em} 

.container-user-in-diferenciado{
	max-width: 600px;
	min-width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em;
	margin-top: 4em;
}

.container-user-in td{padding-left: 1em; padding-right: 1em}
.container-admin-in td{padding-left: 1em; padding-right: 1em}

/*header, .container, .nav-user, footer{min-width: 300px}*/
.container-user-in{
	max-width: 900px;
    min-width: 300px; 
	margin-top: 10em;
	margin-bottom: 15em;
}

.container-reclamos{
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;	
}

.container-datos-utiles{
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;	
}

.container-admin-noticias{
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;	
}

.container-admin-in{
	max-width: 1200px;
    min-width: 300px; 
	margin-top: 10em;
	margin-bottom: 15em;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em
}

.container-admin-telefonos{
	max-width: 1300px;
    min-width: 300px; 
	margin-bottom: 15em;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em
}

.container-admin-telefonos tr{
	padding: 3px 0;
	border-bottom: 1px #ddd solid;
	height: 4em
}

.container-admin-reclamos{
	max-width: 1300px;
    min-width: 300px; 
	margin-bottom: 15em;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em
}

.container-admin-reclamos tr{
	padding: 3px 0;
	border-bottom: 1px #ddd solid;
	height: 4em
}

.container-admin-noticias-in{
	max-width: 1300px;
    min-width: 300px; 
	margin-bottom: 15em;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.85em
}

.container-admin-noticias-in tr{
	padding: 3px 0;
	border-bottom: 1px #ddd solid;
	height: 4em
}

.container-user-in-diferenciado {
	max-width: 900px;
    min-width: 300px; 
	margin-top: 10em;
	margin-bottom: 15em;
}

.lista-reclamos{
	text-align: left;
	width: 300px;
	line-height: 2em}

.detalle-reclamos{
	margin-top: 15px;
    margin-left: 8px;
    border: 2px solid #DDD;
    font-family: roboto;
    color: gray;
    padding: 5px 10px;
}

.contenido-noticias{
	margin-top: 15px;
    margin-left: 8px;
    border: 2px solid #DDD;
    font-family: roboto;
    color: gray;
    padding: 5px 10px;
}

.header-left{
	/* color: ; */
	font-size: 0.7em;
	float: left;
	margin: 0;
	margin-top: 7px
	}

.header-right{
/*	color: ; */
	font-size: 0.7em;
	float: right;
	margin: 0;
	}

/*ul li{
	display: inline-block;
	}*/

.header-right ul li a{
	color: #00a7ce;
    font-weight: bold;
    font-size: 1.3em;
	}

.header-right ul img{
	background-image: url(../imagenes/6iconos11x11.svg);
	height: 11.2px;
	width: 11.2px;
	margin: 0 3px;
	}

.header-right-admin{
	color: ;
	font-size: 0.7em;
	float: right;
	margin: 0;
	}

.header-right-admin ul li a{
	color: #00a7ce;
    font-weight: bold;
    font-size: 1.3em;
	}

.header-right-admin ul img{
	background-image: url(../imagenes/6iconos11x11-admin.svg);
	height: 11.2px;
	width: 11.2px;
	margin: 0 3px;
	}

.foto-portada{}
.banda-indicador{position: relative; bottom: 150px; height: 43px; background-color: rgba(22, 106, 140, 0.7);}
.banda-indicador img{margin-left: -48em}
.banda-indicador p{display: inline-block; vertical-align: top; text-transform: uppercase; color: white; font-weight: bold; font-size: 1.2em; margin-top: 13px}

.img-header-emerg{background-position: 0 0;}
.img-header-sepa{background-position: -11px 0;}
.img-header-user{background-position: -22px 0;}


.logo{
	float: left;
	width: 35%;
	margin: 1.5em 0
}
.logo img{width: 100%}

nav ul {
	float: right;
	margin: 0;
	padding: 50px 0;
    font-size: 0.95em;
    font-weight: bold
	}

nav li{
	display: inline-block;
}

a{
	text-decoration: none; 
	color: #434343; 
	margin: 0.1em;
	padding: 0.5em 0.8em;
	display: inline-block;
}

a:hover{
	cursor: pointer;
}

nav ul li a{
	margin: 0 !important
	}

nav ul li a:hover{
	color:  #1d526b;
	font-weight: bold;
}

.presionado{
	background-color: #54abb5;
	color: white;
	font-weight: bold;
}

.presionado:hover{color:white;}

.inputCupon{
	text-align: right;
}

/*Submenú*/
nav ul li ul{
	display: none;
	position: absolute;
	min-width: 140px;
	padding: 0 0 0 4px;
	z-index: 99;
}

nav ul li:hover ul{
	display: block;
	min-width: 140px;
}

nav ul li ul li{
	position: relative;
	display: block;
	text-align: left;
	background-color: #54abb5;
	left: -4px
}

nav ul li ul li a:hover{
	color: white;
	font-weight: normal;
}

.nav-contacto{margin-right: 0}
.user{font-size: 0.8em; font-weight: bold; text-transform: uppercase;}

.img-aniversario-small{display: none;}
.aniversario{
	background-color: #1d526b;
	padding-top: 0.5em;
	border-bottom: 0.3em solid white;
	}
.ayer{float: left;}
.hoy{float: right;}

.foto-inicio{overflow: hidden;}
.foto-fondo-inicio{height: 628px;}
.foto-fondo-portada{width: 100%;}
.inicio-fondo{
	width: 100%;
	height:613px;
	}

.inicio-frente{
	width: 71em; 
	position: relative;
	bottom: 617px;
	}

.vid0{
	margin-bottom: 0em;
	max-width: 620px;
}

.vid1{
	margin-top: 1em; 
	margin-bottom: 0.7em; 
	max-width: 50%
}

.bandax{background-color: #1d526b; color: white; position: relative; border-top: 3px #0ae0be solid; border-bottom: 3px #0ae0be solid;}
.banday{background-color: #46a2ad; color: white; position: relative;}
.bandaz{background-color: #309e89; color: white; position: relative;}
.bandaw{background-color: #05B3AD; color: white; position: relative; padding: 0.5em 0; text-align: left;}
.bandaadmin{background-color: #dc832d; color: white; position: relative; padding: 0.5em 0; text-align: left;}

.banday-g{background-color: #1d526b;}
/*
.fondo-textura-izq{width: 135px; height: 110% ; position: absolute; top: -3px; left: 0; background-image: url(../imagenes/textura_fondo_izq.svg); background-repeat: no-repeat; }
.fondo-textura-der{width: 135px; height: 110% ; position: absolute; top: -3px; right: 0; background-image: url(../imagenes/textura_fondo_der.svg); background-repeat: no-repeat; }
*/
.boton-volver{
	width: 4.5em; 
	padding: 5px 5px; 
	border: #fff 3px solid; 
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	background-color: #54abb5; 
	/*text-transform: uppercase;*/
	margin: 0 auto;
	position: relative;
	top: -2.7em
}
.boton-volver a{
	font-size: 0.8em; 
	color: #fff;
}


.bandax p{padding: 0.6em 0; margin: 0}
.bandax img{margin: 0 1em}
.banda-emergencia{display: inline-block; }
.banday aside{display: inline-block; padding: 10px 10px; text-transform: uppercase;}
.banda-user span{text-transform: uppercase; font-weight: bold;}

.center{vertical-align: middle; height: 28px;}
.telef-emergencia-a{font-size: 1.4em; font-weight: bold;}
.telef-emergencia-g{font-size: 1.4em; font-weight: bold;}
.usuarios-satisfechos{font-size: 2em; font-weight: bold;}

article{
	display: inline-block;
	text-align: left;
	}

.blanco-inicio article{margin: 10em 4em 1em; }
.blanco-inicio article img{width: 130px;}
article.contacto{
	vertical-align: top;
    padding: 3em 10em;
    display: inherit;
    border: 1px solid;
    margin-bottom: 2em;}
article.contacto h4{margin-top: 0}

.verde{background-color: #54b2a2;color: white; position: relative; padding-top: 5em; padding-bottom: 7em; margin-top: 10em}
.azul{background-color: #1d526b;color: white; position: relative; padding-top: 5em; padding-bottom: 7em} /*no lleva martgin-top porque va siempre debajo de la imagen*/
.celeste{background-color: #54abb5;color: white; position: relative; padding-top: 5em; padding-bottom: 7em; margin-top: 10em}
.fondo-textura-izq{width: 150px; height: 105% ; position: absolute; top: -3px; left: -6px; background-image: url(../imagenes/textura_fondo_izq.svg); background-repeat: repeat-y; }
.fondo-textura-der{width: 135px; height: 105% ; position: absolute; top: -3px; right: 0; background-image: url(../imagenes/textura_fondo_der.svg); background-repeat: repeat-y; }

.verde article, .blanco article{
	margin: 1.3%;
	width: 30%;
	vertical-align: top;
	}

#telefonos p{font-size: 0.8em}
#farmacias article, #farmacias h3{text-align: center;}

.verde article img, .blanco article img {width: 100%; border: 2px grey solid}
h2{text-transform: uppercase; margin-bottom: 3em; font-weight: bold;}
#farmacias h2{text-align: center; margin-bottom: 3em}
article h3{text-transform: uppercase; text-align: left; font-size: 1.1em}
.ver-mas-color{color: #a0fffc;}

.blanco{margin: 1em 0 5em 0; padding: 5em 0;}
.container-columna-info{text-align: left;}
.img-columna-imagen{width: 44%; margin-left: 15px;} /*imagen con bloque de texto al costado, inicio*/
.img-columna-imagen img{width: 100%; margin-bottom: 15px} /*varias imagenes en bloque con texto al costado*/
.blanco-p-inicio{display: inline-block; width: 53%; vertical-align: top}
.blanco-p-inicio p{margin: 0 20px; line-height: 1.6em}

section.noticias {padding: 0}

.container-noticias h2{text-align: left; margin: 3em 0 0.83em 0;}
.container-noticias p{margin: 0; line-height: 1.6em}
.img-noticias{height: 100%; width: 900px; border: #fff 2px solid; overflow: hidden; }
.img-noticias img{position: relative; width: 100%; height: 100%; top: 0px;} /*para centrar la imagen dentro del DIV que la contiene*/

.texto-centrado{text-align: center; line-height: 1.8em}

.ver-mas-blanco{color: #0ee0cc;}


.banda_coop{
	background-image: url(../imagenes/banda_coop.jpg);
    height: 7px;
    background-repeat: repeat-x;
}

.banda_coop_movil{
	background-image: url(../imagenes/banda_coop.jpg);
	height: 7px;
	background-repeat: repeat-x;
	display: none;
	}

.fachada{
	border:4px grey solid; 
	margin-bottom: 6em;
	width: 93.8%;
    max-width: 900px;
	}

footer{
	margin-top: 30px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	background-color: #1d526b;
	font-size: 0.7em
	}

.footer-container{
	max-width: 600px; 
	margin: 3.5em auto;
	}

.contacto-footer{text-align: left; width: 270px;vertical-align: middle; color: white; float: left;}
.contacto-footer li{display: block; margin-bottom: 0.2em;}
.contacto-footer a{color: white;}
.contacto-footer p, .atencion-footer .footer-titulo{text-align: left; text-transform: uppercase; text-decoration: underline; font-weight: bold; margin-top: 0;}
.contacto-footer p{margin-left: 21.2px;}
.contacto-footer ul{padding-left: 2em !important}

.atencion-footer{text-align: left; width: 220px;vertical-align: middle; color: white; float: left;}
.footer-titulo{width: 100%;}
.contenido-atencion{width: 81%; margin-top: 0px;}


.contacto-footer-telef, .contacto-footer-mail, .contacto-footer-dir{
	width: 11.2px; 
	height: 11.2px; 
	display: inline-block;
	margin-right: 10px;
	background-image: url(../imagenes/6iconos11x11.svg);
		}

.contacto-footer-telef{background-position: 0 -11px;}
.contacto-footer-mail{background-position: -11px -11px;}
.contacto-footer-dir{background-position: -22px -11px;}


.fiscal-footer{width: 70px; vertical-align: middle; float: right;}

.atencion-footer p{color: white; margin-right: 15em;}


/*Tablas- telefonos útiles*/
table{ margin: auto;}
tr{margin: auto; height: 2.5em}
.color{ background-color: rgba(255, 255, 255, 0.3) }




/*Usuarios*/
/*form{margin: 7em auto 10em}*/
#formulario{margin: 7em auto 10em}
#formulario-admin{
	margin: 5em auto 10em
}
fieldset{
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 2px solid #54abb5;
	padding: 2em 2em 1em
}
.fieldsetAdmin{
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	-webkit-border-radius: 12px 12px 12px 12px;
	border: 2px solid #dc832d;
	padding: 3em 3em 4em
}
/*fieldset ul{
	margin: 0 auto 3em;
	border-bottom: #54abb5 2px solid;
    padding-bottom: 0.4em;
}*/

.lista{padding-top: 0; float: none; margin: 0 auto 3em;border-bottom: #54abb5 2px solid;padding-bottom: 0.4em;}

.listaLogin {padding-top: 1em; float: none; margin: 0 auto 1em; border-top: #54abb5 2px solid; margin-top: 2em; padding-bottom: 0.4em;}
.listaLogin li {margin: 0.5em}

.listaAdmin{padding-top: 0; float: none; margin: 0 auto 3em;border-bottom: #dc832d 2px solid;padding-bottom: 0.4em;}

fieldset ul li{ margin: 0 2em; }
fieldset ul li a{font-weight: bold;
	text-transform: uppercase; 
	font-size: 0.9em}

.container-div-user input{
	display: block; 
	margin: 1em auto; 
	width: 300px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.mailFacturas {
	display: block; 
	margin: 1em auto; 
	width: 300px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.container-div-contacto #crear{
	display: block; 
	margin: 1em auto; 
	width: 300px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.container-div-contacto .placeddd{
	display: block; 
	margin: 1em auto; 
	width: 300px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.container-div-contacto #createnum{
	display: block; 
	margin: 1em auto; 
	width: 276px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.container-div-contacto #createclavepago{
	display: block; 
	margin: 1em auto; 
	width: 276px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.container-div-contacto-recuperar input{
	display: block; 
	margin: 1em auto; 
	width: 300px; 
	height: 36px; 
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    color: #3c3c3c;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.suministros-table td input {
	display: block;
	width: 175px; 
	height: 36px; 
	font-family: "roboto",sans-serif;
	color: #666666;
    font-size: 1em !important;
    font-weight: 300;
    box-sizing: border-box;
	border-radius: 3px;
    border: 0;
    border-bottom: 2px solid #ddd;
}

.enviar{
	width: 345px !important; 
	margin-top: 2em !important; 
	margin-bottom: 2em !important;
	background-color: #54abb5;
	border-bottom: 0;
	color: #fff !important; 
} 

.enviar-admin{
	width: 120px !important; 
	margin-top: 5em !important; 
	background-color: #dc832d;
	border-bottom: 0;
	color: #fff !important; 
}

.enviar-admin:hover{
	cursor: pointer;
}

.enviar:hover{
	cursor: pointer;
}

.btn-activo{
	background-color: #54abb5;
	color: #fff;
    box-sizing: border-box;
	border-radius: 3px;
	padding: 1em;
	letter-spacing: 1px
}

.btn-activo-Admin{
	background-color: #dc832d;
	color: #fff;
    box-sizing: border-box;
	border-radius: 3px;
	padding: 1em;
	letter-spacing: 1px
}

.btn-activo-Admin:hover{
	cursor: pointer;
}

.btn-activo:hover{
	cursor: pointer;
}

.btn-ingreso{
	border: none;
}

.no-activo{display: none;}

.informacion:hover{
	cursor: pointer;
}


/*dentro de la sesion del usuario*/
.ul-flex{
    display:flex;
    align-items:center;
}

.nav-user{
	background-color: #4692c5;
	height: 40px;
}
.nav-user img{float: left;}
.nav-user ul{padding-top: 0.1px}
.nav-user ul li{
	position: relative;
    bottom: 10px;
}
.nav-user ul li a{
	color: white;
	text-transform: uppercase;
	font-size: 0.85em;
	padding-top: 10px;
}
.presionado-nav-user{
	background-color: #4692c5;
   	height: 50px;
    position: relative;
    top: -11.5px;
    padding-top: 12px;
    /* padding-bottom: 10px; */
	/*background-color: #1d526b;
	*/
}
.presionado-nav-user a:hover, .nav-user ul li a:hover{
    color: white;
    font-weight: normal;
}

.nav-cuenta-user{padding-top: 15px !important}
.nav-cuenta-user li{background-color: #4692c5; height: 40px; margin-left: -5px}

.nav-admin{
	background-color: #dc832d;
	height: 40px;
}
.nav-admin img{float: left;}
.nav-admin ul{padding-top: 0.1px}
.nav-admin ul li{
	position: relative;
    bottom: 10px;
}
.nav-admin ul li a{
	color: white;
	text-transform: uppercase;
	font-size: 0.85em;
	padding-top: 10px;
}
.presionado-nav-admin{
	background-color: #dc832d;
   	height: 50px;
    position: relative;
    top: -11.5px;
    padding-top: 12px;
    /* padding-bottom: 10px; */
	/*background-color: #1d526b;
	*/
}
.presionado-nav-admin a:hover, .nav-admin ul li a:hover{
    color: white;
    font-weight: normal;
}

/*Submenú*/
.nav-admin ul li ul{
	display: none;
	position: absolute;
	min-width: 140px;
	padding: 0 0 0 4px;
	z-index: 99;
	margin-top: 18px;
}

.nav-admin ul li:hover ul{
	display: block;
	min-width: 140px;
}

.nav-admin ul li ul li{
	position: relative;
	display: block;
	text-align: left;
	background-color: #dc832d;
	left: -4px;
	height: 35px;
}

.nav-admin ul li ul li a:hover{
	color: white;
	font-weight: normal;
}


.nav-cuenta-admin{padding-top: 15px !important}
.nav-cuenta-admin li{background-color: #dc832d; height: 40px; margin-left: -5px}

.alias{
	background-color: #54abb5;
    width: 170px;
    float: right;
    color: white;
    padding: 15px 0;
}

.alias+p{
	margin-top: 11px;
	padding-top: 3px;
	padding-bottom: 3px
	}
p span{font-size: 0.8em}
.deuda{font-size: 1.2em}
.deuda strong{color: #e40606}
.favor strong{color: #2ABB04}
.container-user-in div{margin-top: 4em} 
.boton-interno{
	padding: 5px 8px;
	margin: 0 2em;
	color: #fff;
	background-color: #54abb5;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
	text-transform: uppercase;
}

.boton-interno-admin {
	padding: 5px 8px;
	margin: 0 2em;
	color: #fff;
	background-color: #dc832d;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
	text-transform: uppercase;
}

.boton-interno:hover {
	cursor: pointer;
}

.boton-interno-admin:hover {
	cursor: pointer
}

.boton-interno-rojo{
	padding: 5px 8px;
	margin: 0 2em;
	color: #fff;
	background-color: #EF1313;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
	text-transform: uppercase;
}

.boton-interno-rojo:hover {
	cursor: pointer;
}

.container-user-in tr{
	padding: 3px 0;
	border-bottom: 1px #ddd solid;
	height: 4em
}
.container-user-in table td input{font-size: 0.8em}

.container-admin-in tr{
	padding: 3px 0;
	border-bottom: 1px #ddd solid;
	height: 4em
}
.container-admin-in table td input{font-size: 0.8em}

.color-fact{background-color: rgba(221, 221, 221, 0.84);}
.saldo{font-weight: bold}
.reclamo-detalle{width: 580px; text-align: left;}

.choice, div.choice, .choice div, .noti-choice, div.noti-choice{
	display: inline-block; 
	margin-top: 0
}
div.choice{
	height: 13px;
	width: 13px;
	border: 1.2px #fff solid;
	margin-right: 20px;
	background-color: rgba(221,221,221,0.8);
}
.notificaciones-p{text-align: left;}
.notificaciones-d{
	text-align: left;
	margin-top: 0 !important;
	width: 100%;
	height: 22px;
    padding: 14px
}
.notificaciones-d-c{background-color: rgba(221,221,221,0.8) }
p.noti-choice{margin-right: 10px}
.noti-choice-mail+input{width: 765px;}
.noti-choice-otro+input{width: 700px;}
.noti-choice input{
	border: 0; 
	border-bottom: 1px solid #b7b7b7; 
	background-color: transparent;
}

.guardar{float: right}
.modificar{
	text-align: left;
	width: 300px;
	margin-left: 45px;
	margin-top: 45px;
}
.modificar td{padding: 0 10px}
.delete{float: left;}
.suministros-table{
	width: 100%;
	display: inline-block;
	max-width: 800px !important;
    margin-left: 3em;
    text-align: left;
    border-left: 3px solid #54abb5 !important;
}
.suministros-table tr{
	border-bottom: none;
	height: 30px;
}
.suministros-table td{
	padding-left: 1em !important;
	max-width: 100%;
}
.bold{
	font-weight: bold;
	width: 180px;
	}
.edit-alias{
	font-weight: lighter;
	font-size: 1em;
	display: inline-block;
	margin-left: 5px;
}

.inputinv{
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    font: 13px sans-serif
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

/*Para eliminar los cellspacing y cellpadding de las tablas html*/
table {border-collapse:collapse; border: none; width: 100%}
td {padding: 0; margin: 0 5px;}
/*cambiar el color a placeholder*/
/*::placeholder { color: white; }
:-ms-input-placeholder { color: white; } /* IE 10+ */
/*::-webkit-input-placeholder { color: white; } /* WebKit */
/*::-moz-placeholder { color: white; } /* Firefox 19+ */

.placeddd+webkit-input-placeholder{color: #ddd}
#cont_834ce4977a2570c39965b733cee1c2df{display: none;}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

.swalSwitch:checked + .slider{
	background-color: #2196F3;	
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.swalSwitch:focus + .slider{
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.swalSwitch:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}


/* Autocomplete
----------------------------------*/
/*.ui-autocomplete { position: absolute; cursor: default; }       
.ui-autocomplete-loading { background: white url('imagenes/cargando.gif') right center no-repeat; }

/* workarounds */
/** html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
/*.ui-menu {
        list-style:none;
        padding: 10px;
        margin: 0;
        display:block;
        width:227px;
}
.ui-menu .ui-menu {
        margin-top: -3px;
}
.ui-menu .ui-menu-item {
        margin:0;
        padding: 0;
        width: 200px;
}
.ui-menu .ui-menu-item a {
        text-decoration:none;
        display:block;
        padding:.2em .4em;
        line-height:1.5;
        zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
        margin: -1px;
}



/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.ui-autocomplete-loading { background: url('../imagenes/cargando.gif') no-repeat right center; }

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  max-height: 200px;
  overflow-y: scroll;
}

 html .ui-autocomplete { width:1px; }
 .ui-menu .ui-menu-item a{
    display:block;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* The message box is shown when the user clicks on the password field */
#pswd_info {
	display:none;
	background: #f1f1f1;
	color: #000;
	position: relative;
	padding: 20px;
	margin-top: 10px;
  }
  
  #pswd_info li {
	padding: 10px 35px;
	font-size: 12px;
  }
  
  /* Add a green text color and a checkmark when the requirements are right */
  .valid {
	color: green;
  }
  
  .valid:before {
	position: relative;
	left: -35px;
	content: "✔";
  }
  
  /* Add a red text color and an "x" when the requirements are wrong */
  .invalid {
	color: red;
  }
  
  .invalid:before {
	position: relative;
	left: -35px;
	content: "✖";
  }

/*MEDIA QUERIES*/
@media screen and (max-width: 1280px){
	.fondo-textura-der{right: -45px}
	.fondo-textura-izq{left: -57px}
}

@media screen and (max-width: 1110px){
	.fondo-textura-der{right: -70px}
	.fondo-textura-izq{left: -83px}
	/*.vid0{max-width: 60%}*/
}

@media screen and (max-width: 1020px){
	.fondo-textura-der{display: none;}
	.fondo-textura-izq{display: none;}
	/*img.logo{width: 315px}*/
}

@media screen and (max-width: 945px){
	.logo{margin: 1.5em auto; float: none; width: 260px}
	/*nav ul{padding-top: 0; padding-bottom: 2em; float: none; margin: 0 auto; border-top: 2px solid #54abb5}*/
	.lista{padding-top: 0; padding-bottom: 2em; float: none; margin: 0 auto; border-top: 2px solid #54abb5}
	.listaLogin{padding-top: 0; padding-bottom: 2em; float: none; margin: 0 auto; border-top: 2px solid #54abb5}
	.listaAdmin{padding-top: 0; padding-bottom: 2em; float: none; margin: 0 auto; border-top: 2px solid #dc832d}
	nav ul li a{margin: 0 0; padding: 0.5em 0.6em}
	.banda-indicador p{margin-left: 2px}
	.banda-indicador img{display: none;}
	.header-left{display: none;}
	.header-right{float: none;}
	.header-right-admin{float: none;}
	.img-noticias{width: 100%}
	.container-noticias h2{text-align: center;}
	#cont_dd7c510c464589a2dcdf859cb515c5e2{display: none;}
	#cont_834ce4977a2570c39965b733cee1c2df {display: inline-block;}
	.vid1{max-width: 70%}

@media screen and (max-width: 895px){
	.noti-choice-mail+input{width: 364px}
	.noti-choice-otro+input{width: 299px}
	.blanco-inicio article {margin: 5em 1.3em;}
	.verde {margin-top: 5em}
	.blanco {margin-top: 5em}
}

@media screen and (max-width: 830px){
	.foto-fondo-portada{position: relative; right: 1100px}
	.banda-indicador{bottom: 0}
}

@media screen and (max-width: 761px){
	nav ul{float: none; padding: 0; border-top: 1px gray solid;}
}	

@media screen and (max-width: 750px){
	.img-aniversario{display: none;}
	.img-aniversario-small{display: inline-block;}
	.foto-fondo-inicio{left: -100px; position: relative;}
	.banda-indicador p{font-size: 1em}
	.foto-fondo-inicio{transform: translate(13.7%,0%);}
	.vid1{max-width: 90%}
}

@media screen and (max-width: 700px){
	.nav-user img{display: none;}
	.foto-fondo-inicio{transform: translate(14.7%,0%);}
}

@media screen and (max-width: 670px){
	.verde{display: none}
	.blanco{margin-top: 6em}
	.container-columna-info{text-align: justify; 
	/*para separar las palabras en sílabas*/
		  -ms-word-break: break-all;
		  word-break: break-all;
		  word-break: break-word;
		  /* Sólo WebKit -NO DOCUMENTADO */
		  -ms-hyphens: auto;
		  /* Guiones para separar en sílabas */
		  -moz-hyphens: auto;
		  /*  depende de lang en <html>      */
		  -webkit-hyphens: auto;
		  hyphens: auto;}
	.blanco-p-inicio{width: 100%; margin-top: 7px}	
	.img-columna-imagen{width: 100%; margin-top: 7px; margin-left: 0}
	.blanco-p-inicio p{margin: 0; text-align: justify;
	/*para separar las palabras en sílabas*/
		  -ms-word-break: break-all;
		  word-break: break-all;
		  word-break: break-word;
		  /* Sólo WebKit -NO DOCUMENTADO */
		  -ms-hyphens: auto;
		  /* Guiones para separar en sílabas */
		  -moz-hyphens: auto;
		  /*  depende de lang en <html>      */
		  -webkit-hyphens: auto;
		  hyphens: auto;}
	.container, .foto-portada{overflow: hidden;}
	article.contacto{padding: 3em 4.5em}
	footer img{display: none}
	fieldset ul li{margin: 0}
	.nav-cuenta-user {padding-top: 8px !important;}
	.suministros{bottom: 13px; position: relative;}
	.foto-fondo-inicio{transform: translate(17%,0%);}
	.vid0{max-width: 520px}
}

@media screen and (max-width: 600px){
	.servicios{display: none;}
	.foto-fondo-inicio{transform: translate(17%,0%);}
}

@media screen and (max-width: 550px){
	.sacar{display: none;}
	.blanco-inicio article {margin: 2em 4em;}
	.suministros-table{max-width: 410px !important;}
	.foto-fondo-inicio{transform: translate(18.5%,0%);}
	.vid0{max-width: 400px}
}

@media screen and (max-width: 500px){
	.img-aniversario-small{left: -50px; position: relative;}
	.foto-fondo-inicio{left: -200px;}
	nav ul{font-size: 0.9em}
	.suministros-table{max-width: 320px !important;}
	footer{display: none;}
	.banda_coop_movil{display: inherit;}
	.contacto{padding: 3em 2em !important; font-size: 0.8em}
	.foto-fondo-inicio{transform: translate(-80%,0%);}
}

@media screen and (max-width: 500px){
	.servicios{display: none;}
	fieldset ul li a{font-size: 0.75em}
	.alias{right: -18px; position: relative;}
	.edit{display: none;}
	.foto-fondo-inicio{transform: translate(42%,0%);}
}

@media screen and (max-width: 485px){
	.noti-choice-mail+input{width: 234px}
	.noti-choice-otro+input{width: 169px}
	.modificar{margin-left: 0}
	.img-emerg{display: none;}	
	.banda-emerg-gas{margin-left: 35px !important}
	.alias{width: 120%; padding: 0; display: inline;}
	.alias p{display: inline-block;}
	.alias span{padding-right: 12px; border-right: 2px solid white; margin-right: 10px}
	#farmacias article{width: 28.5%}
	.foto-fondo-inicio{transform: translate(47.5%,0%);}
}

/*@media screen and (max-width: 400px){
	.img-aniversario-small{left: -85px;}
	.foto-fondo-inicio{left: -270px;}
}*/

@media screen and (max-width: 400px){
	.img-aniversario-small{height: 50px; left: -40px}
	.foto-fondo-inicio{height: 450px; left: -270px;}
	.foto-fondo-inicio{transform: translate(72%,0%);}
}

@media screen and (max-width: 376px){
	.banda-emerg-gas{margin-left: 0 !important; display: inherit;}
	nav ul {font-size: 0.66em;}
	#farmacias article{width: 70%; margin-top: 3em}
	#clima .container{padding: 0; margin: auto}
	.contacto{font-size: 0.8em}
	.inicio-frente{margin-bottom: 5px;}
	.foto-fondo-inicio{transform: translate(72%,0%);}
}

@media screen and (max-width: 320px){
	.foto-fondo-inicio{transform: translate(85%,0%);}
}