/* 

  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(../img/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(../img/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-style: italic;

    font-size: 16px;

    line-height: 21px;

    margin: 70px 0;

    -webkit-text-stroke: 0.3px;

}



/* FI PORTADA */



/* QUIENES SOMOS */



.pagina strong{

    color: #013d7b

}

.pagina .wrap.slider{

    background-image: url(../img/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(../img/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(../img/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(../img/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(../img/punto_faq2.png);

	background-size:20px; */

	background-image: url(../img/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:#fce4bf*/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(../img/icon-session.png);}



.sesion.sesionacept{background-color:#fff7eb; background-image:url(../img/icon-session.png); }

h1.titulars.sesionacept{background-image:url(../img/icon-session.png); background-color:#fce4bf }		



.sesion.historico{/* background-image:url(../img/icon-session.png)*/ background-image:none;margin:0 0px;  }

h1.titulars.historico{ background-image:url(../img/icon-session2.png) }



.sesion.puntos{background-image:url(../img/icon-puntos.png);background-size:24px;background-position:8px 8px;}

h1.titulars.puntos{ background-image:url(../img/icon-puntos2.png);}

.sesion.puntos h3{ margin-top: 5px;}



.sesion.cesion{/* background-image: url(../img/icon-ceder.png)*/background-image:none;margin:0 0px;  }

h1.titulars.cesion{ background-image: url(../img/icon-ceder2.png)}	





.sesion.cesion2{/* background-image: url(../img/icon-ceder.png)*/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(../img/icon-cest.png);background-size:24px;background-position:8px 8px;}



.sesion.other{/* background-image:url(../img/icon-other.png)*/background-image:none;margin:0 0px;  }

 h1.titulars.other{ background-image:url(../img/icon-other2.png)}		

 



.sesion.notifica{ background-image: url(../img/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(../img/icon-notifica.png);}



h1.titulars.regalos{

    background-image: url(../img/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(../img/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;

		

	/*-webkit-box-shadow: 0px 3px 4px #777777;    

	-moz-box-shadow:  0px 3px 4px #777777; 

	box-shadow:  0px 3px 4px #777777;*/

    }

   /* .navbar{

        line-height: 75px;

        height: 75px;

    }*/

   /* .navbar-collapse{

        padding-left: 20px

    }*/

	

	.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;

    }

    

}





/* ======================

    LOADING 

    ======================

    Loader que utilitza la cistella.

 */

/*

.loader {

  display: none;

  background-color: #1A397C;

  margin: 6em auto;

  font-size: 10px;

  position: relative;

  text-indent: -9999em;

  border-top: 1.1em solid rgba(255, 255, 255, 0.2);

  border-right: 1.1em solid rgba(255, 255, 255, 0.2);

  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);

  border-left: 1.1em solid #ffffff;

  -webkit-animation: load8 1.1s infinite linear;

  animation: load8 1.1s infinite linear;

}

.loader,

.loader:after {

  border-radius: 50%;

  width: 10em;

  height: 10em;

}

@-webkit-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.loader.ng-cloak {

    display: block;

}*/