html {
font-size: 100%; /* 100% = 16px */
font-family: Montserrat;
font-weight: 400;
font-style: normal;
}
.ecm-dialog-lg .modal-dialog{
width: 95% !important;
padding:0px !important;
margin:30px auto !important;
}
.ecm-dialog-md .modal-dialog{
width: 80% !important;
padding:0px !important;
margin:30px auto !important;
}
.ecm-scroll-taula {
border-collapse: collapse;
max-height: 400px;
overflow-y: scroll;
display: block;
}
.ecm-titol-pestanyes{
font-size:14px;
}
.ecm-alçada-box-titol{
padding-bottom:40px;
}
.ecm-text-social{
font-size:12px;
}
.ecm-ocultar-text-xs{
font-size:11px;
padding-left:10px;
margin-bottom:0px;
font-weight: normal;
}
.ecm-botons-taules{
padding:3px 3px 0px 3px !important;
text-align:center;
width:20px;
}
/*1-index.php*/
/*2-SignUp.php i Register.php*/
/*3-Perfil.php*/
/*4-Avisos.php*/
/*1-index.php*/
.PosicioAvatar{
padding:0px 0px 0px 0px;
height:60px;
}
.ecm-titol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:40px;
font-weight: 600
}
.ecm-titol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:40px;
font-weight: 900
}
.ecm-subtitol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:25px;
font-weight: 600
}
.ecm-subtitol2-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 600
}
.ecm-text-Justificat{
text-align:justify;
}
.ecm-color-verd-cultilogic{
background-color:#81b531;
}
.ecm-color-gris-cultilogic{
background-color:#a9acaa;
}
.ecm-avatar-petit img{
border-radius: 50% !important;
height:25px;
padding-bottom:5px;
}
.ecm-avatar-petit{
font-size:11px;
}
.ecm-data-petit{
color:#9a9d9f;
font-size:9px;
}
#lista li {
padding-top:15px;
text-align:left;
}
#lista a{
color:white;
}
#lista2 li {
padding-top:8px;
font-size:15px;
color:#808080;
text-align:left;
}
@media screen and (max-width: 1700px ) {
.ecm-titol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:30px;
font-weight: 600
}
.ecm-titol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:35px;
font-weight: 900
}
.ecm-subtitol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:22px;
font-weight: 600
}
.ecm-subtitol2-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:22px;
font-weight: 500
}
}
@media screen and (max-width: 600px ) {
.ecm-titol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:25px;
font-weight: 600
}
.ecm-titol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:28px;
font-weight: 900
}
.ecm-subtitol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 900
}
.ecm-subtitol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 600
}
.ecm-subtitol2-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 500
}
}
@media screen and (max-width: 500px ) {
.ecm-titol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 600
}
.ecm-titol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:22px;
font-weight: 900
}
.ecm-subtitol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 900
}
.ecm-subtitol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 600
}
.ecm-subtitol2-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 500
}
}
@media screen and (max-width: 400px ) {
.ecm-titol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 600
}
.ecm-titol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 900
}
.ecm-subtitol-benvinguda-verd{
color:#81b531;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 900
}
.ecm-subtitol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 600
}
.ecm-subtitol2-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:15px;
font-weight: 500
}
}
.ecm-centrar{
text-align: center;
padding:10px;
}
.ecm-dispositiu1{
width:203px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device1L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu2{
width:180px;
padding:0px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device2L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu3{
width:70px;
padding:0px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device3L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu4{
width:30px;
padding:0px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device4L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
@media screen and (max-width: 650px ) {
.ecm-dispositiu1{
width:195px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device1L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu2{
width:160px;
padding:0px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device2L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu3{
width:65px;
padding:0px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device3L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu4{
width:30px;
padding:0px;
min-height:150px;
padding:5px;
margin:10px;
background-image: url("../imatges/device4L.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 550px ) {
.ecm-dispositiu1{
width:112px;
min-height:90px;
padding:5px;
margin:10px;
background-image: url("../imatges/device1M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu2{
width:80px;
padding:0px;
min-height:90px;
padding:5px;
margin:10px;
background-image: url("../imatges/device2M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu3{
width:40px;
padding:0px;
min-height:90px;
padding:5px;
margin:10px;
background-image: url("../imatges/device3M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu4{
width:18px;
padding:0px;
min-height:90px;
padding:5px;
margin:10px;
background-image: url("../imatges/device4M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 360px ) {
.ecm-dispositiu1{
width:122px;
min-height:90px;
padding:0px 0px 0px 5px;
margin:5px 0px 0px 10px;
background-image: url("../imatges/device1M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu2{
width:80px;
padding:0px;
min-height:90px;
padding:5px 0px 0px 0px;
margin:5px 0px 0px 0px;
background-image: url("../imatges/device2M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu3{
width:45px;
min-height:90px;
padding:5px 0px 0px 0px;
margin:5px 0px 0px 0px;
background-image: url("../imatges/device3M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-dispositiu4{
width:18px;
padding:0px;
min-height:90px;
padding:0px;
margin:5px;
background-image: url("../imatges/device4M.jpeg");
background-color: #cccccc;
background-position: center 0px;
background-repeat: no-repeat;
}
.ecm-titol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:20px;
font-weight: 600
}
.ecm-subtitol-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:13px;
font-weight: 500
}
.ecm-subtitol2-benvinguda-negre{
color:#171b21;
font-family: 'Lato', sans-serif;
font-size:13px;
font-weight: 500
}
.ecm-text-alert{
font-size:13px;
}
}
/*2-SignUp.php i Register.php*/
.ecm-mida-text {
font-size: 15px;
}
.ecm-text-verd{
color:#81b531;
}
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:693px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-logout{
height: 693px;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
@media screen and (max-height: 800px ) {
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:618px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
}
@media screen and (max-height: 750px ) {
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:618px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
}
@media screen and (max-height: 700px ) {
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:618px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
}
@media screen and (max-height: 650px ) {
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:618px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
}
@media screen and (max-height: 600px ) {
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
min-height:693px;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:618px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
}
@media screen and (max-height: 550px ) {
.home-bg{
background-color: #333333;
z-index: -1;
background-image: url(../imatges/apt_inici5.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: auto 693px;
height:100%;
min-height:693px;
}
.ecm-Inici {
position: relative;
overflow: hidden;
}
.ecm-Inici:before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height:618px;
background-size: cover;
background-color: #333333;
opacity:.8;
}
.home-bg-overlay {
position: relative;
}
.home-bg-overlay:before {
background-color: #333333;
width: 100%;
height:618px;
position: absolute;
opacity: .2;
top: 0;
z-index: 0;
}
.ecm-footer{
padding-top:25px;
margin:0px;
position: relative;
top: -10px;
font-size: 35px;
font-weight: 400;
color: #ffffff;
width: 100%;
background-color: #333333;
}
}
.ecm-colorBlanc{
color: #E6E6E6;
font-size: 13px;
}
#ecm-contenidor {
color:#FFFFFF;
background-color:blue;
min-height:100%;
}
#GraficTemperatura.loading {
background-image: url("ajax-loader.gif");
background-position: center;
background-repeat: no-repeat;
}
#GraficHumitat.loading {
background-image: url("ajax-loader.gif");
background-position: center;
background-repeat: no-repeat;
}
.carregant {
background-image: url("ajax-loader.gif");
background-position: center;
background-repeat: no-repeat;
}
.icon-success {
color: #5CB85C;
}
.icon-error {
color: #F78181;
}
.amplefinestra{
width:50%;
}
.overlay{
display:block;
text-align:center;
color:#fff;
font-size:9px;
line-height:80px;
/*opacity:0.8;
/*background:#4477aa;
/* border:solid 3px #336699;
/* border-radius:4px;
/* box-shadow:2px 2px 10px #333;
/*text-shadow:1px 1px 1px #666;
/*padding:0 2px;*/
}
.just {
display: flex;
}
.ecm-color-fondo{
//background-color:#808080;
}
.ecm-color-fondo-barra-navegacio-superior{
//background-color:#51626f;
//background-color:#424949;
background-color:#f3f3f4;
}
.ecm-color-fondo-barra-navegacio{
//background-color:#be0000;
background-color:white;
}
.ecm-color-boto:focus{
color: #fff;
background-color:#be0000;
border-color: #be0000;
}
.ecm-color-boto:active{
color: #fff;
background-color:#be0000;
border-color: #be0000;
}
.ecm-color-boto:hover{
color:#030000;
background-color:#be0000;
border-color: #be0000;
}
.ecm-color-boto{
background-color:#be0000;
border-color: #be0000;
color: #fff;
}
.ecm-color-boto-warning{
background-color:#FFD54F;
border-color: #FFD54F;
color: #fff;
}
.ecm-color-boto-GuardarEditar:hover{
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
background-image: url("../imatges/close-button.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-GuardarEditar{
color: #333;
background-color: #fff;
border-color: #ccc;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
background-image: url("../imatges/close-button.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-editar:hover{
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
background-image: url("../imatges/edit-blanc.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-editar{
color: #333;
background-color: #fff;
border-color: #ccc;
padding-left:20px;
padding-right:20px;
padding-top:16px;
padding-bottom:16px;
background-image: url("../imatges/edit.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-guardar:hover{
background-color:#be0000;
border-color: #be0000;
color:#030000;
padding-left:20px;
padding-right:20px;
padding-top:16px;
padding-bottom:16px;
background-image: url("../imatges/save-blanc.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-guardar{
background-color:#be0000;
border-color: #be0000;
color:#030000;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
background-image: url("../imatges/save.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-esborrar:hover{
background-color:#ed5565;
border-color: #ed5565;
color:#030000;
padding-left:20px;
padding-right:20px;
padding-top:16px;
padding-bottom:16px;
background-image: url("../imatges/delete-blanc.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-esborrar{
background-color:#ed5565;
border-color: #ed5565;
color:#030000;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
background-image: url("../imatges/delete.png");
background-position: center center;
background-repeat: no-repeat;
}
.ecm-color-boto-verd{
background-color:#be0000;
border-color: #be0000;
color: #fff;
}
.ecm-color-boto-verd:focus{
color: #fff;
background-color:#be0000;
border-color: #be0000;
}
.ecm-color-boto-verd:active{
color: #fff;
background-color:#be0000;
border-color: #be0000;
}
.ecm-color-boto-verd:hover{
color: #fff;
background-color:#be0000;
border-color: #be0000;
}
.ecm-color-boto-gris{
background-color:#839192;
border-color: #839192;
color:#030000;
}
.ecm-color-boto-gris:focus{
color: #fff;
background-color:#839192;
border-color: #839192;
}
.ecm-color-boto-gris:active{
color: #fff;
background-color:#839192;
border-color: #839192;
}
.ecm-color-boto-gris:hover{
color: #fff;
background-color:#839192;
border-color: #839192;
}
.ecm-capçalera-taules> thead> tr > th{
background-color: #be0000;
color: #F2F2F2;
}
.ecm-capçalera-taules> tbody> tr:hover {
background-color: #e4ee84;
}
.ecm-avui{
background-color:#eef4b5;
}
.InputText {
background-color:#E3F6CE;
}
.Filtre {
background-color:#FFF8DC;
}
.Finestra-Enric{
position: absolute;
top: 1px;
right: 100px;
bottom: 0;
left: 0;
z-index: 20040;
overflow: auto;
overflow-y: auto;
}
.ecm-paddings{
padding-left:3px;
padding-right:3px;
padding-bottom:3px;
padding-top:8px;
}
.ecm-altura{
min-height:1050px;
}
.ecm-altura-tarifes{
min-height:725px;
}
@media screen and (max-width: 1150px ) {
.ecm-altura{
min-height:1750px;
}
.ecm-altura-tarifes{
min-height:1820px;
}
}
.ecm-altura-Configuracio{
height:825px;
}
.midaBotoEnric {
width:120px;
}
.menuEnric {
background-color: white;
width:70%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:80%;
margin:0px;
}
.map{
position:relative;
height:81% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
overflow: hidden;
margin:0px;
}
.mapOp{
position:relative;
height:390px;
padding-top:0px;
width:98%;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajustos-bottom{
padding-bottom:0px;
margin-bottom:0px;
}
.ecm-ajustos-contenidor-index{
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
}
.ecm-ajustos-contenidor{
padding-top:10px;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:150px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-Botoseleccio{
position:fixed;
top:200px;
right:22px;
display:none;
z-index:15;
}
.ecm-seleccio{
color:#337ab7;
background-color: #FFFFFE;
opacity: 0.85;
font-size:11px;
width:330px;
position:fixed;
top:190px;
right:15px;
display:none;
padding-left:15px;
padding-right:15px;
z-index:10;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-PosicioFinestra1{
position: absolute;
top: 0px;
right: 0px;
bottom: 0;
left: 0;
z-index: 10040;
overflow: auto;
overflow-y: auto;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:190px;
text-align:justify;
}
@media screen and (max-width: 1800px ) {
.midaBotoEnric {
width:110px;
}
.menuEnric {
background-color: white;
width:75%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:80%;
margin:0px;
}
.map{
position:relative;
height:85% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:150px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:210px;
text-align:justify;
}
}
@media screen and (max-width: 1700px ) {
.midaBotoEnric {
width:100px;
}
.menuEnric {
background-color: white;
width:75%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:80%;
margin:0px;
}
.map{
position:relative;
height:80% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:150px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:210px;
text-align:justify;
}
}
@media screen and (max-width: 1600px ) {
.midaBotoEnric {
width:90px;
}
.menuEnric {
background-color: white;
width:75%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:80%;
margin:0px;
}
.map{
position:relative;
height:78% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:2px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:110px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:210px;
text-align:justify;
}
}
@media screen and (max-width: 1500px ) {
.midaBotoEnric {
width:80px;
}
.menuEnric {
background-color: white;
width:75%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:80%;
margin:0px;
}
.map{
position:relative;
height:78% !important;
padding-top:0px;
width:99%!important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:95px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:230px;
text-align:justify;
}
}
@media screen and (max-width: 1400px ) {
.midaBotoEnric {
width:80px;
}
.menuEnric {
background-color: white;
width:75%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:85%;
margin:0px;
}
.map{
position:relative;
height:78% !important;
padding-top:0px;
width:99%!important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:90px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:260px;
text-align:justify;
}
}
@media screen and (max-width: 1300px ) {
.midaBotoEnric {
width:55px;
}
.menuEnric {
background-color: white;
width:75%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:85%;
margin:0px;
}
.map{
position:relative;
height:85% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:85px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:320px;
text-align:justify;
}
}
@media screen and (max-width: 1200px ) {
.midaBotoEnric {
width:55px;
}
.menuEnric {
background-color: white;
width:100%;
}
.menuEnricLlarg {
background-color: white;
width:100%;
}
.menuEnricSig {
background-color: white;
width:95%;
margin:0px;
}
.map{
position:relative;
height:75% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:80px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:220px;
text-align:justify;
}
}
@media screen and (max-width: 1100px ) {
.midaBotoEnric {
width:55px;
}
.menuEnric {
background-color: white;
width:85%;
}
.menuEnricLlarg {
background-color: white;
width:70%
}
.menuEnricSig {
background-color: white;
width:95%;
}
.map{
position:relative;
height:75% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:85px;
}
.ecm-altura{
height:1350px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:230px;
text-align:justify;
}
}
@media screen and (max-width: 1000px ) {
.ecm-alçada-box-titol{
height:90px;
}
.midaBotoEnric {
width:50px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:90%;
}
.map{
position:relative;
height:75% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:85px;
}
.ecm-altura{
height:1350px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:210px;
text-align:justify;
}
.ecm-ocultar-text-xs{
display:none;
}
}
@media screen and (max-width: 900px ) {
.ecm-alçada-box-titol{
height:90px;
}
.midaBotoEnric {
width:50px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:95%;
}
.map{
position:relative;
height:75% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:20px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:80px;
}
.ecm-altura{
height:1350px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:220px;
text-align:justify;
}
}
@media screen and (max-width: 800px ) {
.ecm-alçada-box-titol{
height:150px;
padding-bottom:40px;
}
.PosicioAvatar{
padding:0px 15px 0px 0px;
height:60px;
}
.midaBotoEnric {
width:50px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:95%;
}
.map{
position:relative;
height:78% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:18px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:30px;
display:block;
z-index:3;
width:80px;
}
.ecm-altura{
height:1350px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:200px;
text-align:justify;
}
}
@media screen and (max-width: 700px ) {
.ecm-alçada-box-titol{
height:150px;
padding-bottom:40px;
}
.PosicioAvatar{
padding:0px 25px 0px 0px;
height:60px;
}
.midaBotoEnric {
width:50px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:100%;
}
.map{
position:relative;
height:80% !important;
padding-top:0px;
width:98% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:18px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:25px;
display:block;
z-index:3;
width:80px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:170px;
text-align:justify;
}
}
@media screen and (max-width: 600px) {
.ecm-alçada-box-titol{
height:150px;
padding-bottom:40px;
}
.PosicioAvatar{
padding:0px 25px 0px 0px;
height:60px;
}
.midaBotoEnric {
width:50px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:70%;
}
.menuEnricSig {
background-color: white;
width:100%;
}
.map{
position:relative;
height:75% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:16px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:25px;
display:block;
z-index:3;
width:80px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:180px;
text-align:justify;
}
}
@media screen and (max-width: 500px) {
.ecm-alçada-box-titol{
height:150px;
padding-bottom:40px;
}
.PosicioAvatar{
padding:0px 25px 0px 0px;
height:60px;
}
.midaBotoEnric {
width:50px;
padding-left:10px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:90%;
}
.menuEnricSig {
background-color: white;
width:100%;
}
.map{
position:relative;
height:72% !important;
padding-top:0px;
width:98% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:8px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:18px;
display:block;
z-index:3;
width:80px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:180px;
text-align:justify;
}
.ecm-Botoseleccio{
position:fixed;
top:200px;
right:7px;
display:none;
z-index:15;
}
.ecm-seleccio{
color:#337ab7;
background-color: #FFFFFE;
opacity: 0.8;
font-size:11px;
width:310px;
position:fixed;
top:190px;
right:5px;
display:none;
padding-left:15px;
padding-right:10px;
z-index:10;
}
}
@media screen and (max-width: 400px) {
.ecm-titol-pestanyes{
font-size:12px;
}
.ecm-alçada-box-titol{
height:150px;
padding-bottom:40px;
}
.PosicioAvatar{
padding:0px 25px 0px 0px;
height:60px;
}
.midaBotoEnric {
width:43px;
padding-left:10px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:90%;
}
.menuEnricSig {
background-color: white;
width:100%;
}
.map{
position:relative;
height:79% !important;
padding-top:0px;
width:99% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-posicio{
position: absolute;
top: 0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:1px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:18px;
display:block;
z-index:3;
width:80px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:220px;
text-align:justify;
}
.ecm-Botoseleccio{
position:fixed;
top:200px;
right:7px;
display:none;
z-index:15;
}
.ecm-seleccio{
color:#337ab7;
background-color: #FFFFFE;
opacity: 0.8;
font-size:11px;
width:310px;
position:fixed;
top:190px;
right:5px;
display:none;
padding-left:15px;
padding-right:10px;
z-index:10;
}
}
@media screen and (max-width: 320px) {
.ecm-titol-pestanyes{
font-size:11px;
}
.ecm-alçada-box-titol{
height:150px;
padding-bottom:40px;
}
.PosicioAvatar{
padding:0px 25px 0px 0px;
height:60px;
}
.midaBotoEnric {
width:35px;
padding-left:10px;
}
.menuEnric {
background-color: white;
width:90%;
}
.menuEnricLlarg {
background-color: white;
width:90%;
}
.menuEnricSig {
background-color: white;
width:100%;
}
.map{
position:relative;
height:75% !important;
padding-top:0px;
width:98% !important;
align:center;
padding-right:0px;
padding-left:0px;
margin:0px;
}
.ecm-ajust{
padding-right:5px;
padding-left:1px;
margin:0px;
}
.ecm-botons-Sig{
position:absolute;
padding-top:20px;
padding-left:18px;
display:block;
z-index:3;
width:80px;
}
.ecm-posicio{
position: absolute;
top: 0px;
}
.ecm-ajustos-altura{
height:1350px;
}
.ecm-product-desc {
padding-left: 12px;
padding-right: 12px;
padding-top: 5px;
padding-bottom: 5px;
position: relative;
min-height:220px;
text-align:justify;
}
.ecm-Botoseleccio{
position:fixed;
top:200px;
right:5px;
display:none;
z-index:15;
}
.ecm-seleccio{
color:#337ab7;
background-color: #FFFFFE;
opacity: 0.8;
font-size:11px;
width:310px;
position:fixed;
top:190px;
right:3px;
display:none;
padding-left:15px;
padding-right:10px;
z-index:10;
}
}
.nodisponible .ecm-text{
text-align: center;
color:#81B531;
font-size: 20px;
font-weight: 600;
}
.nodisponible .ecm-imatge{
text-align: center;
display:block;
margin-left: auto;
margin-right: auto;
}
.nodisponible .ecm-subscripcio span {
background: #171b21;
color: #fff;
font-size: 18px;
width:100px;
height:30px;
padding: 4px;
margin-left: auto;
margin-right: auto;
text-align: center;
display:block;
}
/*3-Perfil.php*/
.ecm-imatge{
max-width: 130px;
height: auto;
padding-bottom:10px;
}
@media screen and (max-width: 1500px) {
.ecm-imatge{
max-width: 100px;
height: auto;
padding-bottom:10px;
}
}
@media screen and (max-width: 1100px) {
.ecm-imatge{
max-width: 200px;
height: auto;
padding-bottom:10px;
padding-right:20px;
}
}
.stream .stream-badge .bg-verd-ecm {
color: #fff;
background-color: #be0000;
border:0px;
}
.stream .stream-badge .bg-groc-ecm {
color: #fff;
background-color: #f8ac59;
border:0px;
}
.stream .stream-badge .bg-vermell-ecm {
color: #fff;
background-color: #f97555;
border:0px;
}
.ecm-ContingutBenvinguda{
font-size:15px;
}
.ecm-AutoritzarContacte{
background-color: #FCF3CF !important;
}
.ecm-PendentContacte{
background-color: #E6E6E6 !important;
}
.ecm-ProducteNoDisponible{
background-color: #EDECEA !important;
}
.ecm-ProducteDisponible{
background-color: #FFFFFE !important;
}
.ecm-midatext14{
font-size:13px;
color: #676a6c;
}
.ecm-midatext8{
font-size:8px !important;
color: #676a6c;
}
.ecm-justify{
text-align: justify;
}
.ecm-padding10{
padding:10px !important;
}
.ecm-list li:hover{
cursor: auto !important;
}
.ecm-padding3{
padding:3px !important;
}
.ecm-margin1{
margin:1px !important;
}
.ecm-contacte{
min-height:100px;
text-align:center;
}
.ecm-centrarImatge {
display: block;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
.ecm-product-name{
font-size: 13px;
font-weight: 600;
color: #676a6c;
display: block;
margin: 2px 0 5px 0;
}
.ecm-botons-footer{
position: absolute;
left: 10px;
bottom:10px;
}
.ecm-padding-wrapper{
padding-top:5px !important;
padding-left:5px !important;
padding-right:5px !important;
}
.ecm-padding-icheck{
padding-left:15px !important;
}
.ecm-padding-label{
padding-left:0px !important;
}
div#PeuPagina{
display:none;
}
.ecm-img-circle {
border-radius: 50%;
width: 130px !important;
height:130px !important;
}
@media screen and (max-width: 500px) {
div#PeuPagina{
display:inline;
}
.ecm-menu-footer{
height:20px;
margin: auto;
width: 98%;
text-align:center;
}
.ecm-icona-menu-peuF{
padding:18px;
}
a.ecm-icona-menu-peuF:hover{
padding:18px;
color:#be0000 !important;
}
a.ecm-icona-menu-peuF:active{
padding:18px;
color:#be0000 !important;
}
a.ecm-icona-menu-peuF{
padding:18px;
color:#090c00 !important;
}
.ecm-color-negre{
color: red;
}
}
/*Avisos*/
.ecm-min-height93{
min-height:93px;
}
/*connect*/
.ecm-Comentari{
display:none;
}
.ecm-magrada{
color:#337ab7;
font-size:11px;
cursor:pointer;
}
/*Sig*/
.ecm-CodiCultiu{
font-size:8px;
}
.ecm-color-fonsPanell{
background-color: #A9F5A9 !important;
}
.ecm-color-fonsSubPanell{
background-color: #CEF6CE !important;
}