/* 
  Allow angular.js to be loaded in body, hiding cloaked elements until 
  templates compile.  The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}
/**
 * Document template styles
 */
body{
    font-family: 'Roboto', sans-serif;
}
.btn-primary {
    color: #fff;
    background-color: #f49500;
    border-color: #da8500;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
    background-color: #da8500;
    border-color: #c87a00;
}
.btn-primary[disabled]{
    background-color: #b68354;
    border-color: #c87a00;
}
.btn-danger[disabled]{
    background-color: #d43f3a;
    border-color: #d43f3a;   
}
.nopaddingr {
   padding-right: 0 !important;
}
.navbar-nav{
    margin-top: 32px;
    font-weight: bold
}
.navbar-brand{margin-left:0px !important}
.navbar-default{
    background-color: #FFF;
}
.navbar-brand>img{
   /* max-height: 100%*/ max-width:230px
}
.navbar, .navbar-brand{
  /*  line-height: 93px;
    min-height: 93px;*/
    border: none;
    margin: 0!important;
	padding-bottom:10px;
	overflow:hidden
}
.navbar-default .navbar-nav>li>a{
    color: #333445;
    font-size: 13px;
    text-transform: uppercase;
	padding: 8px 12px;
	border-right:#e5e5e5 solid 1px;
}
.navbar-default .navbar-nav>li>a.form_alta{
    color: #f49500
}
.navbar-default .navbar-nav>li.mostra768{ display:none}
.navbar-default .navbar-nav>.active>a{
    border-bottom: #013d7b solid 4px;
    background: #faf9fa;
   /* border-radius: 5px;*/
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover{
    background: #faf9fa!important;
}
.navbar-default .navbar-collapse{
    background-color: #FFF;
    z-index: 2;
    overflow: hidden;
}
.wrap.peu{
    background-color: #414152;
    background-image: url(../imatges/fons_peu.png);
    background-repeat: repeat-x;
    color:#cbcbcb;
    padding: 50px 0
}
.wrap.peu strong{
    color: #FFF;
    font-weight: bold;
    margin-bottom: 4px;
    display: inline-block;
}
.wrap.peu a{
    color:#cbcbcb; text-decoration:underline
}
.wrap.peu a:hover{
    color:#41BFD2; 
}
/* PORTADA */
.wrap.slider{
    background-color: #1a397c;
    background-image: url(../imatges/fons_login.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}
.wrap.slider .linia_slider{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 9px;
}
.wrap.slider .container{
    height: 350px
}
.wrap.slider h1{
    color: #FFF;
    font-size: 42px;
    font-weight: bold;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);
   /* margin-top: 170px;*/
}
.wrap.slider h1.inici{
    margin-top: 170px; position:static
}
.wrap.slider h1.nolog{ width:100% !important; pointer-events: none;}
p.ruta{ text-align:right !important; width:100%; display:inline-block}
.wrap.slider form{
    margin-top: 50px;
    width: 100%;
    max-width: 360px;
}
.wrap.slider form input{
    width: 100%;
    background-color: #27254f;
    color: #FFF;
    border: 0;
    border-bottom: #5f568d solid 1px;
    box-shadow: inset 0px 2px 4px 1px rgba(0,0,0,0.3);
    font-weight: bold;
    font-size: 15px;
    padding: 6px 15px;
    border-radius:4px;
    outline: none;
    margin-bottom: 10px;
}
.wrap.slider form a{
    color: #FFF;
    text-decoration: underline;
    display: inline-block;
}
.wrap.slider form a.oblidat{
    line-height: 35px;
}
.boto{
    background: #e4e4ee; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ccccdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ccccdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ccccdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ccccdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ccccdf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ccccdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ccccdf',GradientType=0 ); /* IE6-9 */
    border:#132047 solid 1px;
    border-radius: 3px;
    color: #363647;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 40px;
    text-decoration: none;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 1);
	 padding: 6px 25px;
}
.wrap.slider form a.boto:active{
    padding: 7px 40px 5px 40px;
}
.wrap.slider ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #75708c;
}
.wrap.slider :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #75708c;
   opacity:  1;
}
.wrap.slider ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #75708c;
   opacity:  1;
}
.wrap.slider :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #75708c;
}
.wrap.slider p{
    color: #FFF;
    font-size: 16px;
    max-width: 360px;
    margin-top: 65px
}
.wrap.slider p.loguejat{
    margin-top: 15px;
	 max-width: 100%;
	 height:30px;
}
.wrap.slider p.loguejat2{
    margin-top: 15px;
	 max-width: 100%;
}
.wrap.slider p a{
    color:#f49500;
    font-weight: bold;
    text-decoration: underline;
}
.index .linia{
    height: 2px;
    width: 100%;
    top: 50%;
    margin-top: 90px;
}
.index .participacion{
    color: #333333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 21px;
    margin: 70px 0;
    -webkit-text-stroke: 0.3px;
}
.index .participacion p {
    line-height: 42px;
}
.index .participacion .app-button {
    margin-top: -8px;
}
/* FI PORTADA */
/* QUIENES SOMOS */
.pagina strong{
    color: #013d7b
}
.pagina .wrap.slider{
    background-image: url(../imatges/fons_pagina.jpg);
    margin-bottom: 50px;
}
.pagina .wrap.slider .container{
    height: 95px; position:relative
}
.pagina .wrap.slider .container h1{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
	margin:0 !important; padding:0!important;
   /* margin-top: 50px;*/
   position:absolute;
   bottom:18px;
   left:15px;
   z-index:9999999;
   width:50%
}
.caixamapa{
    margin-top: 30px
}
.pagina .wrap.slider p.ruta, .pagina .wrap.slider p.ruta a{
    color: #c7c6e6;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}
.pagina .wrap.slider p.ruta a{
    margin-left: 5px
}
.pagina .wrap.slider p.ruta a:hover{
    text-decoration: underline;
    color: #FFF
}
.ruta img{
    vertical-align: text-top;
    margin-right: 4px;
}
.mapa{
    width: 100%;
    height: auto;
}
.mapabg{
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.plano{
    padding:6px 10px;
    width: 100%;
    border-left:#013d7b solid 4px;
    border-radius: 4px;
    display: inline-block;
    color: #151618;
    cursor: pointer;
    background-color: #FFF;
    margin-bottom: 20px
}
.plano p{
    margin: 0
}
.plano strong{
    display: inline-block;
    margin-bottom: 3px
}
.plano:hover{
    border-left:#f6b040 solid 4px;
    text-decoration: none;
    background-color: #faf9fa
}
.plano:hover strong{
    color:#f6b040;
}
.quienes img{
    max-width: 100%;
    margin-top: -30px
}
/* FI QUIENES SOMOS */
/* FAQ */
dl{
    background-image: url(../imatges/linia_faq.png);
    background-repeat: repeat-y;
    background-position: 13px;
}
dt{
    vertical-align: bottom;
    text-indent: -46px;
    margin-left: 46px;
}
dt img{
    margin-right: 20px;
}
dd{
    margin: 10px 0 25px 80px;
}
dd>ul{
    padding: 0;
}
.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox-inline.no_indent {
  margin-left: 0;
  margin-right: 10px;
}
.checkbox-inline.no_indent:last-child {
  margin-right: 0;
}
.form-group .form-group{
    padding-right: 15px;
    padding-left: 15px;
}
/* FI FAQ */
/* GRATIFICACIÓN */
.premi{
    min-height: 328px;
    border-bottom: #013d7b solid 4px;
    background: #faf9fa;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    -webkit-transition: all .08s ease-in-out;
    -moz-transition: all .08s ease-in-out;
    -o-transition: all .08s ease-in-out;
    -ms-transition: all .08s ease-in-out;
    background: rgba(250,249,250,1);
    background: -moz-linear-gradient(top, rgba(250,249,250,1) 0%, rgba(250,249,250,1) 40%, rgba(233,232,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,249,250,1)), color-stop(40%, rgba(250,249,250,1)), color-stop(100%, rgba(233,232,237,1)));
    background: -webkit-linear-gradient(top, rgba(250,249,250,1) 0%, rgba(250,249,250,1) 40%, rgba(233,232,237,1) 100%);
    background: -o-linear-gradient(top, rgba(250,249,250,1) 0%, rgba(250,249,250,1) 40%, rgba(233,232,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,249,250,1) 0%, rgba(250,249,250,1) 40%, rgba(233,232,237,1) 100%);
    background: linear-gradient(to bottom, rgba(250,249,250,1) 0%, rgba(250,249,250,1) 40%, rgba(233,232,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9fa', endColorstr='#e9e8ed', GradientType=0 );
    -webkit-backface-visibility: hidden;
}
.premi:hover,.premi:active{
    cursor: pointer;
    text-decoration: none!important;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.30);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.30);
    background: rgba(250,249,250,1);
    background: rgba(250,249,250,1);
    background: -moz-linear-gradient(45deg, rgba(250,249,250,1) 0%, rgba(233,232,237,1) 50%, rgba(250,249,250,1) 99%, rgba(250,249,250,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(250,249,250,1)), color-stop(50%, rgba(233,232,237,1)), color-stop(99%, rgba(250,249,250,1)), color-stop(100%, rgba(250,249,250,1)));
    background: -webkit-linear-gradient(45deg, rgba(250,249,250,1) 0%, rgba(233,232,237,1) 50%, rgba(250,249,250,1) 99%, rgba(250,249,250,1) 100%);
    background: -o-linear-gradient(45deg, rgba(250,249,250,1) 0%, rgba(233,232,237,1) 50%, rgba(250,249,250,1) 99%, rgba(250,249,250,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(250,249,250,1) 0%, rgba(233,232,237,1) 50%, rgba(250,249,250,1) 99%, rgba(250,249,250,1) 100%);
    background: linear-gradient(45deg, rgba(250,249,250,1) 0%, rgba(233,232,237,1) 50%, rgba(250,249,250,1) 99%, rgba(250,249,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf9fa', endColorstr='#faf9fa', GradientType=1 );
}
.premi:hover h2, .premi:active h2{
    text-decoration: none;
    color: #f49500
}
.premi .imatge_premi{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.premi h2{
    font-size: 20px;
    color: #013d7b;
}
.premi .detall_premi{
    background-color: rgba(65,65,82,0.92);
    color: #FFF;
    position: absolute;
	z-index:9999;
    bottom: 10px;
    right: 10px;
    left: 10px;
    padding: 10px;
    border-radius: 4px;
   /* opacity: 1;*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    opacity: 0;
    transform: translate(0%, 5%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.50);
}
.premi:hover .detall_premi, .premi:active .detall_premi{
    opacity: 1;
    transform: translate(0%, 0%);
}
.premi .detall_premi p{
    margin: 0;font-size:0.9em;
}
.premi .detall_premi h2{
    margin-top: 0; 
}
.premi.dinscistella{
    margin-bottom: 5px !important; overflow:hidden; clear:both
}
.premi_card {
	margin-bottom: 40px;
	padding-bottom: 0;
}
.padbot30{ margin-bottom:30px; overflow:hidden; clear:both}
.padbot20{ margin-bottom:10px; overflow:hidden; clear:both;}
/* FI GRATIFICACIÓN */
/* FI RECORDAR CONTRASEÑA */
#form_contrasena{
    margin-bottom: 60px
}
/* FORMULARIS */
table.table{ min-width:780px}
table.table2{ min-width:760px; margin-bottom:20px}
table.table2 th{ 
	border-bottom:#333 solid 1px; 
	text-align:center; 
	vertical-align:bottom;
	padding:6px 3px !important; 
	border-right:#333 solid 1px; 
	width:10%
	}
table.table td{ 
	text-align:center; 
	vertical-align:top; 
	padding:6px; 
	font-size:0.9em; 
	width:10%
	}
.table-scroll{ overflow-y:scroll; height:500px; width:100%;}
table.table td.nivell{   
	font-weight: bold; 
	color:#013d7b; 
	text-align:left !important;
	/* white-space:nowrap*/
	width:40%;
	}
table.table td.subnivell{ 
	padding-left:30px !important; 
	text-align:left !important;
	width:40%; 
	}
table.table2 th.titnivell{width:40%; text-align:left !important}
.blocdest{ background-color:#faf9fa; padding:15px 0}
.usuari, .totalpunts{ 
	background-color:#27254f; 
	color:#FFF; 
	border-bottom: #5f568d solid 1px;
    box-shadow: inset 0px 2px 4px 1px rgba(0,0,0,0.3);
    font-weight: bold;
    font-size: 15px;
    padding: 6px 15px;
    border-radius:4px;
	margin-bottom:5px;	
	clear:both; display:inline-block
}
.totalpunts.error{
    background-color: red;
    color:#fff;
}
.resalta{ 
	/*background-color:#f49500;
	border-bottom: #bf7502 solid 1px;*/
	/*background-color:#809ebd;*/
	background-color:#a7e5ee;
	/*color:#FFF;*/ 
	border-bottom: #53c5d6 solid 1px;
    box-shadow: inset 0px 2px 4px 1px rgba(0,0,0,0.1);
    font-weight: bold;
    font-size: 13px;
    padding: 3px 15px;
	margin:0 15px 0 0;
    border-radius:4px;
	display:inline-block
	}
.resalta.mar0{ margin:0 0px 0 0 !important; }
.resalta.total{font-size: 15px; padding: 6px 15px; margin-bottom:15px;/* background-color:#1BB2C9*/}
.resalta.red{
    background-color: darkred;
    color: #fff;
    border-color: darkred;
}
.resalta.green{
    background-color: forestgreen;
    color: #fff;
    border-color: forestgreen;
}
#exit{margin-left:10px;}
.taula_all{width:100%; overflow-x:auto}
.taula_radios{min-width:768px; overflow-x:hidden; overflow-y:auto; height:500px}
ul.info{  list-style-type:none; margin:0 0 10px 20px; padding:0}
ul.info li{
	list-style-type:none !important; 
	background-image:url(../imatges/punt.png); 
	background-repeat:no-repeat;
	 background-position:0 4px;
	 padding:0 0 5px 16px}
ul.info2{  list-style-type:none; margin:0 0 10px 0px; padding:0}
ul.info2 li{
	list-style-type:none !important; 
	background-image:url(../imatges/punt.png); 
	background-repeat:no-repeat;
	 background-position:0px 16px;
	 padding:10px 0 10px 16px;
	 border-bottom:#e5e5e5 solid 1px;}
.marbot20{ margin-bottom:20px !important}
h1.titulars{
	height:40px; 
	font-size:21px; 
	/*background-color:#809ebd; */
	background-color:#bfcede; 
	line-height:40px; 
	padding:0 0 0 40px;
	margin:0;
	background-repeat:no-repeat; 
	background-position:10px 10px;
	background-size:22px;
	}
.sesion{ 
	padding:15px 10px 15px 25px;
	background-image: url(../imatges/icon-calen2.png); 
	background-repeat:no-repeat; 
	background-position:10px 10px;
	background-size:20px;
	background-color:#faf9fa;
	margin:0 15px;
	/*display:inline-block;*/
	overflow:hidden;
	}
.cata_grup_buttons{
    float:none;
    clear:both;
    display: block;
    text-align: right;
}
#mispuntos input.form-control{ margin-bottom:15px;}
input.puntos{background-color:#fef4e5}
.sesion.alerta{background-color:#fff7eb;background-image:none;margin:0 0px;  }
h1.titulars.alerta{ background-color:#fce4bf; }
h1.titulars.sesionhistoric{ background-color:#fce4bf; background-image:url(../imatges/icon-session.png);}
.sesion.sesionacept{background-color:#fff7eb; background-image:url(../imatges/icon-session.png); }
h1.titulars.sesionacept{background-image:url(../imatges/icon-session.png); background-color:#fce4bf }		
.sesion.historico{ background-image:none;margin:0 0px;  }
h1.titulars.historico{ background-image:url(../imatges/icon-session2.png) }
.sesion.puntos{background-image:url(../imatges/icon-puntos.png);background-size:24px;background-position:8px 8px;}
h1.titulars.puntos{ background-image:url(../imatges/icon-puntos2.png);}
.sesion.puntos h3{ margin-top: 5px;}
.sesion.cesion{background-image:none;margin:0 0px;  }
h1.titulars.cesion{ background-image: url(../imatges/icon-ceder2.png)}	
.sesion.cesion2{/background-image:none; }
.sesion.cistella{background-color:#fff7eb;background-image:none;padding:15px 0px 15px 0px; overflow:hidden; margin:0  }
h1.titulars.cistella{ background-color:#fce4bf; background-image: url(../imatges/icon-cest.png);background-size:24px;background-position:8px 8px;}
.sesion.other{background-image:none;margin:0 0px;  }
 h1.titulars.other{ background-image:url(../imatges/icon-other2.png)}		
.sesion.notifica{ background-image: url(../imatges/icon-notifica.png); border-bottom:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; margin-bottom:30px; background-color:#fff7eb; }
h1.titulars.notifica{ background-image: url(../imatges/icon-notifica.png);}
h1.titulars.regalos{
    background-image: url(../imatges/gift-bl.png);
}
table.cist{min-width:0}	
table.cist td{ padding:10px 5px; border-bottom:#e5e5e5 solid 1px;vertical-align:middle}	
.habitos{
    overflow-y: scroll;
    height: 650px;
    margin-bottom: 50px;
}
.separa{ 
	border-bottom:#e5e5e5 solid 1px; 
	margin:0px 0 15px 0;
	width:100%; 
	display:inline-block
	}	
.separa2{ 
	border-bottom:#e5e5e5 solid 1px; 
	margin:10px 0 15px 0;
	width:100%; 
	display:inline-block
	}
	.separa3{ 
	border-bottom:#e5e5e5 solid 1px; 
	margin:10px 0 10px 0;
	width:100%; 
	display:inline-block
	}	
img.transport{ max-width:320px;}	
img.transport2{ max-width:225px;}	
#mostramenys992{ display:none}	
.error_msg	{
    display: none;
    color:#a94442;
    padding:5px;
}
input.puntregal { padding:6px 2px !important}
/* MEDIA QUERIES */
@media (max-width:1200px){
 	.navbar-brand>img{
	     max-width:180px; margin-top:5px
	}
	.navbar-default .navbar-nav>li>a{
	    color: #333445;
	    font-size: 11px;
	    text-transform: uppercase;
		padding: 8px 10px;
		border-right:#e5e5e5 solid 1px;
	}
}
@media (max-width:992px){
	#mostrames992{ display:none}
	#mostramenys992{ display:block; padding-bottom:30px;}
	table.table2 th{ font-size:0.9em !important;}
    .navbar{
       /* height: 120px*/
    }
    .navbar-nav{
        margin-top: 0;
        float: left!important
    }
    .navbar-collapse{
        padding-left: 15px
    }
    .wrap.slider{
        background-size:cover;
    }
    .wrap.slider h1{
        margin-top: 124px
    }
    .quienes img{
        margin-top: 25px
    }
    .mapabg{
        width: 80%;
        left: 10%
    }
	.wrap.slider h1.inici{
	    margin-top:155px ; font-size:34px
	}
}
#fakeshadow {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
   /* display: none;*/
	}
#fitxa-player {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 3px 19px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 3px 19px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 3px 19px 0px rgba(0,0,0,0.7);
	width:450px;
	padding: 30px  30px 0px 30px;
	z-index: 999999;
	background-color: #ffffff;
    color: #333445;
    font-size: 15px;
	}
a .btClose {
    cursor: pointer;
    height: 56px;
    width: 56px;
    background-image: url(../imatges/btCloseLightbox.png);
	background-position:top center;
	float:right;
	position:absolute;
	right:10px;
	top:10px
	}
a .btClose:hover{background-position:bottom center;}
#fitxa-player p{ text-align:center; padding-bottom:30px; margin:0}
.store{ text-align:center; overflow:hidden}
.store img{  margin: 0px 20px 20px 20px; display:inline-block}
@media (max-width:767px){
	#fitxa-player {
		width:100%;
		top: 0;
		left: 0;
		position:relative;
		transform: translate(0%, 0%);
	}
	#fakeshadow { width:100%; padding:15px
	}
	#fitxa-player br{  display:none}
	#fitxa-player p{ text-align:center; padding:30px 0 0 0; margin:0}	
	#fitxa-player {padding: 15px  15px 15px 15px; }
	a .btClose {
		right:5px;
		top:5px
	}
	.padbot20{ margin-bottom:0px;}
	#mispuntos input.form-control{ margin-bottom:15px;}
	.mapagoogle{ margin-bottom:30px;}
	legend{line-height:1.2em !important;}
	.pagina .wrap.slider p.ruta, .pagina .wrap.slider p.ruta a{ display:none}
	.wrap.slider p.loguejat{
	    margin-top: 47px; padding-bottom:0 !important;
	 	height:auto;
	}
	#exit{ display:none}
	.usuari{ 
	    font-size: 11px;padding: 6px 10px;}
	table.table2 th{ font-size:0.8em !important;}
	.navbar-default .navbar-nav>li.mostra768{ display:block}
    .navbar-default .navbar-collapse{
        z-index: 2;
        position: relative;
    }
	.navbar-default .navbar-nav>li>a{
		border-bottom:#e5e5e5 solid 1px; border-right:none
	}
    .navbar-nav{
        width: 100%;
        margin-left: -10px;
		margin-right:-15px
    }
    .navbar-brand{
        width: 220px
    }
    .navbar-toggle{
        margin-top: 20px
    }
    .wrap.peu{
        padding: 0px
    }
    .wrap.peu p{
        margin: 30px 0
    }
    .wrap.peu .text-right{
        text-align: left
    }
    .wrap.slider h1{
        font-size: 24px !important;
       /* margin: 20px 0 10px 0;*/
    }
	.wrap.slider h1.inici{
    	margin-top: 30px;
	}
    .wrap.slider form{
        max-width: none;
        margin-top: 15px;
    }
    .wrap.slider p{
        max-width: none;
        margin: 30px 0 0px 0;
		font-size:0.9em;
    }
    .wrap.slider form a.boto{
        padding: 6px 25px;
    }
    .index .participacion{
        margin: 35px 0 40px 0;
        text-align: center;   
    }
    .pagina .wrap.slider{
        margin-bottom: 20px
    }
    dt{
        text-indent: -39px;
        margin-left: 39px;
    }
    dt img{
        margin-right: 12px;
    }
    dd{
        margin: 10px 0 25px 40px;
    }
}
.bg-danger, .bg-success{
    padding:10px;
}
.bg-danger{
    color: red;
}
.cistella .message_result{
    display: block;
    padding: 10px 0;
    color: rgb(13, 145, 70);
    font-weight: bold;
    font-size: 17px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 767px) {
    .premi_card{
        margin-bottom: 40px;
    }
}