/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*General*/
@font-face {
    font-family: 'aller_lightregular';
    src: url(../fonts/aller/aller_lt-webfont.eot);
    src: url(../fonts/aller/aller_lt-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/aller/aller_lt-webfont.woff) format('woff'),
         url(../fonts/aller/aller_lt-webfont.ttf) format('truetype'),
         url(../fonts/aller/aller_lt-webfont.svg#aller_lightregular) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'existencelight';
    src: url(../fonts/existence/existence-light-webfont.eot);
    src: url(../fonts/existence/existence-light-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/existence/existence-light-webfont.woff2) format('woff2'),
         url(../fonts/existence/existence-light-webfont.woff) format('woff'),
         url(../fonts/existence/existence-light-webfont.ttf) format('truetype'),
         url(../fonts/existence/existence-light-webfont.svg#existencelight) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: url(../fonts/myriad/MYRIADPRO-REGULAR.woff) format('woff');
}
@import url(http://fonts.googleapis.com/css?family=Raleway);

html{height: 100%;background: url(../img/fons_web.jpg);}
body{padding-bottom: 0;font-size: 14px; padding-top: 0; background-color: transparent; font-family: 'aller_lightregular';}
#main{
  padding-bottom: 16em;
  background-color: rgba(37, 41, 53, 0.6);
  /*padding-top: 3em;*/
}

/*Pàgina en construcció*/
#webstorming-construccio{height: 35px;border-radius: 2em; border: 2px solid #000000; -webkit-box-shadow: 0 0 5px 0 #666361; box-shadow: 0 0 5px 0 #666361; background-image: none; background-color: #3d4359 !important;}
.progress-bar-webstorming {background-color: #660066;}
.progress-striped .progress-bar-webstorming {
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

#areaPrivada{text-align: center;}
#areaPrivada .modal-body > div:first-child{margin-bottom: 2em;}


/*Dades Home*/
.margin-zero{margin-top:0; margin-bottom: 0;}
#dades{background: rgb(45, 48, 49); color: rgb(172, 177, 172); border-bottom: 1px solid red;}
#dades div.row{padding: 0.5em 0;}
#dades div.modal-dialog{width: 100%; max-width: 400px;}
#dades div.modal-header{border-bottom: 0;}
#dades div.modal-dialog a{margin: 1em 0;}
#dades div.modal-body form{margin-bottom: 2em;}
#dades div.checkbox{margin: 1em 0 2em;}
#dades div.text-center button{width: 7em;}
#dades div.form-group input{height: 50px;}
#dades ul.margin-zero > li:last-child > a[href^="#"]{color: #d3324d;}
#dades li.dropdown > a{color: rgb(159,159,159);}

.dades-associat{border-bottom: 1px solid #61abe5 !important;}

/*Menu Principal*/
.menu-principal{background: url(../img/fons_menu.jpg) repeat-x; border-radius: 0; border-color: transparent; margin-bottom: 0;}
.menu-principal a.navbar-brand{display:block; height: auto; padding: 5px;}
.menu-principal h1{margin: 0;}
.menu-principal ul{
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
#menu-principal ul.nav{text-align: center;background: url(../img/menu_fletxa1.png) no-repeat;background-size: 14% 100%; position: relative; top: -0.3em;}
#menu-principal-associat ul.nav{text-align: center;background: url(../img/menu_fletxa2.png) no-repeat;background-size: 14% 100%; position: relative; top: -0.3em;}
.menu-principal ul.nav a{padding: 0;}
.menu-principal ul.nav a span:first-child{color:#434343;font-weight: bold;}
.menu-principal ul.nav a span:last-child{color:#dfe0e1;}
.menu-principal ul.nav li:hover span{color:#ffffff;}
.menu-principal li{width: 130px;height: 118px;}

/*.menu-principal-associat ul.nav{background-image: url(../img/menu_fletxa2.png) no-repeat !important;}*/
@media (max-width: 1200px) {
	.menu-principal li{width: 115px;}
  #marimba img{width: 100%;}
}
@media (max-width: 995px) {
  .menu-principal ul.nav{height: 113px;}
  .menu-principal li{width: 85px;}
}
@media (max-width: 768px) {
  .menu-principal ul.nav{height: auto;}
  #marimba img{width: auto;}
  .menu-principal li {
    height: auto;
  }
}
.menu-principal a span:first-child{background: url(../img/barra_menu.png) no-repeat center right; padding: 1.5em 0;color: rgb(80, 80, 80);display: block;position: relative;top: 1.3em;}
.menu-principal ul.nav li:first-child a span:last-child{}
#marimba{
	-webkit-box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 15px 2px rgba(0, 0, 0, 0.3);
    margin-left: 10px;
    position: relative;
    top: 0.3em;
}
.menu-principal ul.nav li#marimba a{padding:0;background: rgba(0, 0, 0, 0) url("../img/fons_menu.jpg") repeat-x scroll 0 0;}
.menu-principal ul.nav li#marimba a span{padding: 0;top:0;height: 118px;background-image: url(../img/slider-marimba/marimba_index-001.jpg);background-position: center center; background-repeat: no-repeat;}
@media (max-width: 992px) {
  .menu-principal ul.nav li#marimba a span{height: 114px;}
}
/*Collapse menu*/
@media (max-width: 770px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media (max-width: 770px) {
  .menu-principal div.container {width: auto;}
  .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-left: -15px;margin-right: -15px;}
	.menu-principal li{width: auto;}
	.menu-principal a span:first-child {width: auto;top: 0;padding: 1em 0; background: none;}
  #menu-principal ul.nav{background: rgb(202, 202, 202); background-size: cover;}
  #menu-principal-associat ul.nav{background: rgb(202, 202, 202); background-size: cover;}
	.menu-principal ul.nav{height: auto;background: rgb(202, 202, 202); background-size: cover; top:0;padding: 5px 0;}
	.menu-principal ul.navbar-nav{margin: 0 -15px;}
	.menu-principal ul.nav li#marimba a {padding:0;}
	#marimba{margin-left: 0; margin-top: 1.5em;}
  .menu-principal ul.nav li#marimba a {background:none;}
}

/*Slider Index*/
#carousel-index{
	background: url(../img/fons_slider.jpg);
	-webkit-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.7);
  box-shadow:  0px 0px 10px 5px rgba(0, 0, 0, 0.7);
	/*margin-bottom: 3em;	*/
}
#carousel-index .carousel-inner div.carousel-caption h3{font-family: 'existencelight';color:#e3e6f3;}
#carousel-index .carousel-inner div.carousel-caption h3 span i{color:#d80f30;font-style: normal;}
#carousel-index .carousel-inner > div:nth-child(1) div.carousel-caption{left: 3.5%; right: 55%;top: 18%;bottom: auto; letter-spacing: 0; opacity: 0.8;text-align: left;}
#carousel-index .carousel-inner > div:nth-child(1) div.carousel-caption h3{font-size: 2.1em;}
#carousel-index .carousel-inner > div:nth-child(1) div.carousel-caption span{display: block;line-height: 1.3em;}
#carousel-index .carousel-inner > div:nth-child(1) div.carousel-caption span:last-of-type{font-size: 1.25em;line-height: 1.45em;}
#carousel-index .carousel-inner > div:nth-child(2) div.carousel-caption{left: 4.5%; right: 65%;top: 17.5%;bottom: auto; letter-spacing: 0; opacity: 0.8;text-align: left;}
#carousel-index .carousel-inner > div:nth-child(2) div.carousel-caption h3{font-size: 2.1em;}
#carousel-index .carousel-inner > div:nth-child(2) div.carousel-caption span{display: block;line-height: 1.7em;}
#carousel-index .carousel-inner > div:nth-child(2) div.carousel-caption h3 span i{font-size: 1.55em;}
#carousel-index .carousel-inner > div:nth-child(3) div.carousel-caption{left: 5%; right: 66%;top: 11%;bottom: auto; letter-spacing: 0; opacity: 0.8; text-align: left;}
#carousel-index .carousel-inner > div:nth-child(3) div.carousel-caption h3{font-size: 2.1em;}
#carousel-index .carousel-inner > div:nth-child(3) div.carousel-caption h3 span{display: block;line-height: 1.4em;}
#carousel-index .carousel-inner > div:nth-child(3) div.carousel-caption h3 span:nth-child(2n){font-size: 1.5em;}
#carousel-index .carousel-inner > div:nth-child(4) div.carousel-caption{left: 4%; right: 60%;top: 14%;bottom: auto; opacity: 0.8; text-align: left;}
#carousel-index .carousel-inner > div:nth-child(4) div.carousel-caption h3{font-size: 2em;}
#carousel-index .carousel-inner > div:nth-child(4) div.carousel-caption h3 span{display: block;line-height: 1.9em;}
#carousel-index .carousel-inner > div:nth-child(4) div.carousel-caption h3 span i{font-size: 1.7em;}
#carousel-index .carousel-inner > div:nth-child(5) div.carousel-caption{left: 1%; right: 60%;top: 30%;padding-top: 0;bottom: auto; letter-spacing: 0; opacity: 0.8; text-align: left;}
#carousel-index .carousel-inner > div:nth-child(5) div.carousel-caption h3{font-size: 2em;}
#carousel-index .carousel-inner > div:nth-child(5) div.carousel-caption h3 span{display: block;line-height: 1.9em;}
#carousel-index .carousel-inner > div:nth-child(5) div.carousel-caption h3 span i{font-size: 1.7em;}
@media (max-width: 1200px) {
    /*.carousel-inner div.carousel-caption{top: 17% !important;}*/
    .carousel-inner div.carousel-caption h3{font-size: 1.7em !important;}
}
@media (max-width: 991px) {
    /*.carousel-inner div.carousel-caption{top: 14% !important;}*/
    .carousel-inner div.carousel-caption h3{font-size: 1.3em !important;}
}
/*Inici*/
/*.inici{margin-top: 3em;}*/
#index{color:#ebecec;font-weight: lighter; padding: 5em;}
#index img{max-width: 480px;}
#index > div:last-child{padding-left: 2.5em;}
#index > div:first-child{padding-right: 2.5em; text-align: left; text-shadow: 3px 3px 0 #272936; font-size: 1.2em;}
#index > div > p{font-family: 'Raleway', sans-serif; margin: 1em 0;}
#index > div > p:first-child {margin: 0;}
#index span, #index h3{font-family: 'existencelight'; color:#d80f30;/*margin-top: 4em;*/}
#index span{font-size: 24px;display: block;}
#index h3 {margin-top: 3em;}
#index ul{/*font-style: italic;font-weight: bolder;*/font-family: 'Raleway', sans-serif;}
#index li{margin: 1em 0; font-size: 1em}
@media (max-width: 992px) {
  #index > div{padding: 0 15px !important;}
	#index > div:last-child{margin-top: 3em;}
}
@media (max-width: 992px) {
  #index > div{padding: 0 15px !important;}
  #index {padding: 2em 0 0 0;}
}

/*Contacte*/
.contact{font-weight: lighter;}
.formulari > div{margin-top: 4em;}
.formulari{color:#ebecec;}
.formulari > div:first-child p:first-child{font-size: 1em; /*font-weight: 400;*/line-height: 1.5em;}
.formulari > div:first-child p span{display: block;font-style: italic;color: #6daee6;}
.formulari form textarea{margin-bottom: 2em;}
.formulari > div:first-child{border-right: 2px solid rgb(59, 65, 86); font-family: 'Raleway', sans-serif; padding:0 3em; font-size: 1.3em;}
.formulari > div:last-child{padding-left: 1.5em;}
/*.formulari > div:first-child p{margin-bottom: 0;}*/
.formulari > div:first-child > p:last-of-type{margin: 1.3em 0 5em 0;}
.formulari > div:first-child > form button{width: 110px; font-size: 0.9em;}
#mapa_google{margin: 17px auto 0;height: 27em; width: 90%; border: 5px solid rgb(152, 157, 177);}
.formulari > div > div.row li span{padding:0 2em 0 1px; color: #4081c1;}
.formulari > div > div.row li:nth-child(2) span,.formulari > div > div.row li:nth-child(5) span{padding: 0 1em 0 0; vertical-align: bottom;margin-left: -2px;}
.formulari > div > div.row li {margin-bottom: 1em;}
.formulari > div:last-child > div:nth-child(2){background-color: rgb(59, 65, 86); height: 2px; margin: 4em auto; width: 100%;}
@media (max-width: 768px) {
	.formulari > div:first-child { border-right: none;padding: 0 15px;}
	.formulari > div:last-child{ padding-left: 15px;}
}
a[href^="mailto"]{color: #ebecec;}

/*cataleg-associat.php*/
#tablaImmo.table-striped>tbody>tr:nth-child(odd)>td, #tablaImmo.table-striped>tbody>tr:nth-child(odd)>th {color: #333;;}
#tablaImmo_wrapper > div:nth-child(2){margin: 2em 0;}

/*Contacte Associat*/
#formulari-associat h3{
  font-size: 1em;
  color: #98c2e2;
  margin-bottom: 2em;
}
#formulari-associat select{
  margin-bottom: 2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow-associat.png) 100% / 8% no-repeat #eee;
}
#formulari-associat textarea{
  height: 400px
}

/*ASSOCIATS*/
#abc, .abc{margin-top: 0.2em; color: rgb(173, 178, 201); background: rgb(40, 43, 58); border-bottom: 2px solid rgb(55, 62, 89); border-top: 2px solid rgb(55, 62, 89);}
#abc ul{margin-top: 14px; margin-bottom: 12px;}
#abc li{padding: 0 3px;}
#abc ul li + li a {color:#6daee6;}
#abc form div.form-group{margin-top: 6px; margin-bottom: 5px;}
#abc form div.form-group label{ font-weight: 400;padding-right: 0;}
#abc form div.form-group input, .formulari > div:first-child input, .formulari > div:first-child textarea{background-color: #ebecec; -webkit-box-shadow:inset 0 0 5px -1px #6E6E6E; box-shadow:inset 0 0 5px -1px #6E6E6E;/*margin-bottom: 27px;*/
}
.associats > div.dropdown a{ width: 100%; max-width: 223px; text-align: left;}
.associats > div.dropdown{margin-top: 0.5em; margin-bottom: -0.5em;}
#associat{background: rgb(238, 238, 238); padding: 1em 0; margin-top: 2em;}
#associat img{width: 100%;max-width: 125px;border: 2px solid #b6b6bf; border-radius: 2px;}
#associat h3{border-bottom: 1px solid rgba(149, 149, 149, 0.5);margin-top: 8px;}
#associat > div > div > p{text-transform: lowercase;}
#associat li{padding: 0.7em 0;}
#associat li > span, #associat p span{padding-right: 1em; color: rgb(206, 93, 88);}
#associat > div:last-of-type{margin-bottom: 1em;}
#associat button.btn{text-align: left; padding-left: 0.6em; position: relative;}
#associat > div > button span{vertical-align: bottom; position: absolute; right: 0.5em;}
#associat > div > a {background: url(../img/boto.jpg) repeat-x rgb(95,95,95); text-shadow: none; text-align: left; padding-left: 0.6em; margin-bottom: 5px;}
#info{background: rgb(238, 238, 238);padding: 0 1em; border-top: 2px solid rgba(149, 149, 149, 0.5);}
.info{background: rgb(238, 238, 238);padding: 0 1em; border-top: 2px solid rgba(149, 149, 149, 0.5);}
.info p{text-align: justify;}
.info > div{padding-left:75px; line-height: 1.6em;}
.info div.slick-slider:after{ background: url(../img/sombra-slider.png) no-repeat; background-size: 100% 100%; content: ""; height: 1em; left: -5%; position: absolute; width: 110%;}

/*comanda-nova.php*/
.menu-comandes{border-bottom: 2px solid #373e59;margin-bottom: 2em;}
.menu-comandes .nav li{}
.menu-comandes .nav li a{color:#a8b4e6;background: #333d65;border-right: 2px solid #282b3a;}
.menu-comandes .nav li a:hover{background:#3b74a1; color: #fff;}
.menu-comandes form{margin: 3px 0;color: #fff;}
.marcat-preferit{color:#6aa4d1;}
.comandes .taula-productes table{text-align: center;}
.comandes .taula-productes thead{background: #3a729e;color:#fff;}
.comandes .taula-productes thead tr th{position: relative; border-bottom: 5px solid #222738;text-align: center;}
.comandes .taula-productes thead tr th:after{content: '';display: block;position: absolute;right: -1px;top:5px;width: 1px;height: 75%;background: rgba(255,255,255,0.5);}
.comandes .taula-productes thead tr th:last-child:after{width: 0 !important;}
.comandes .taula-productes tbody tr{background: #dff0fe;color:#414344;}
.comandes .taula-productes tbody td.camp-especial{background: #6d8aa0;color:#fff;}
.comandes .taula-productes tbody td:last-of-type{border-left: 1px solid #fff;}
.comandes .taula-productes tbody th, .comandes .taula-productes tbody td{vertical-align: middle;text-align: center;border-top: 1px solid #252a3d;border-left: 1px solid #fff !important;}
.comandes .subtotal button{padding:.5em 1em;background: #fff;color: #5a7efb;border: 2px solid #368acb; border-radius: 0;}
.comandes .subtotal form{color: #fff;}
.comandes .subtotal form input{background:#878a95;color: #fff;}
#validar-comanda .modal-header{border: none;text-align: center;}
#validar-comanda .modal-body button{width: 75%;margin-bottom: 1.5em;border-radius: 5px;color: #4a4a4a;}
#validar-comanda .modal-body button i{margin-right: 1em;}
#validar-comanda .modal-body button:first-of-type{border: 2px solid #70d728;}
#validar-comanda .modal-body button:last-of-type{border: 2px solid #f9c711;}
#buscardor-producte .buscador form{text-align: center;}
#buscardor-producte .buscador form > div{border: 1px solid #333;}
#buscardor-producte .buscador form > div label{border-right: 1px solid #333;margin-bottom: 0;}
#buscardor-producte .buscador form > div span{color:#333;padding: 0em 1em 0em 1em;}
#buscardor-producte .buscador form > div input{padding-left: 1em;width: 250px;line-height: 2.5em;border: none;background: #fff;color: #333;}
.totals .form-group{margin-bottom: 5px;}

/*historial-comandes.php*/
.historial-comandes{font-size: .9em;}
.comandes .historial-comandes table{text-align: center;}
.comandes .historial-comandes thead tr th{font-weight: 300;position: relative; text-align: center;border-bottom: 5px solid #242c41;}
.comandes .historial-comandes thead tr th:after{content: '';display: block;position: absolute;right: -1px;top:5px;width: 1px;height: 75%;background: rgba(255,255,255,0.5);}
.comandes .historial-comandes thead tr th:last-child:after{width: 0 !important;}
.historial-comandes .titulo{color: #fff;}
.historial-comandes thead{background: #b3273e;color:#fff;}
.historial-comandes tbody td, .historial-comandes tbody th{background: #d4d9dc;text-align: center;border-top: 1px solid #2a334a !important;border-left: 1px solid #fff !important;}
.historial-comandes tbody th{border-left: none !important;}
.historial-comandes tbody td.camp-especial{background: #76313c;color: #fff;border-left: 3px solid #2a334a !important;}
.historial-comandes tbody a{color: #fff;display: block;}
.historial-comandes tbody a:hover{color:#333;}
.comandes-realitzades thead{background: #3a729e;color:#fff;}
.comandes-realitzades tbody td.camp-especial{background: #3b4676;color: #fff;}
.comandes .pagination a{}
.comandes .pagination li:first-child a{background: #72777a;color: #fff;}
.comandes .pagination li:last-child a{background: #72777a;color: #fff;border-right: none;}
.comandes .pagination a:hover{background: #3a729e;color: #fff;}

/*comanda.php*/
.taula-productes table{font-size: .9em;}
.taula-productes .dades-comanda p{padding: 1em 1em 1em 0;margin: 0 0 .5em 0;background:#353f69;color: #fff;}
.taula-productes .dades-comanda p span{border-right:1px solid #5e6ba1;padding: 1em 2em;}

/*Mediaqueries*/
@media (max-width: 992px) {
    .info > div {
        padding-left: 0;
    }
   .info > div:first-child{padding-left:15px;}
   .info > div:first-child p{margin-bottom: 3em;}
}
#info > div{padding: 1em;}

/*Slider*/
.slick-slider {max-width: 363px; margin: 0 auto 30px auto;}
.slick-slide img {width:363px; height: 250px;}
.slick-slide {height: 250px;}
.slider-associats{padding: 2em 1em;}
/*.slider-associats > div:last-child:after{ background: url(../img/sombra-slider.png) no-repeat; background-size: 100% 100%; bottom: 17px; content: ""; height: 1em; left: 0; position: absolute; width: 100%;}*/
.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{width: 35px;height: 250px; top: 10px;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGQ0ZDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d4d4d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d4d4d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-8 */
}
.slick-prev {left: -35px;}
.slick-next {right: -35px;}
@media (max-width: 425px) {
    .slick-prev {left: -13px;}
    .slick-next {right: -28px;}
    .slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {width: 28px;}
}
.slick-prev:before, .slick-next:before {color: #555555;}

/*SERVEIS*/
#serveis{/*margin-top: -0.5em;*/}
#serveis, #serveis a span{color:#cccccc;}
#serveis > div{text-align: justify; background-color: rgba(37, 41, 53, 0.6); padding: 6em 8em; font-size: 1.3em;}
#serveis span, #serveis blockquote{color: rgb(209, 56, 76);}
#serveis blockquote{margin: 3em 0 3em 0.8em; text-transform:italic; text-align: center; text-transform: uppercase;border-left: 4px solid #eee;}
#serveis blockquote p span{display:block;color: rgb(209, 56, 76);}
#serveis p:first-child span{color:#d80f30;}
#serveis p:first-child span, #serveis blockquote{font-family: 'existencelight'; font-size: 1.1em;}
#serveis p:nth-child(2),#serveis ul:nth-child(4), #serveis p:nth-child(5),#serveis ul:nth-child(7),#serveis p:nth-child(11){margin-bottom: 2em;}
@media (max-width: 768px) {
   #serveis > div{padding: 2em 1em;}
}


/************************/
/************************/
/*****PÀGINA CATÀLEG*****/
/************************/
/************************/

/*Buscador cataleg*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #fff !important;
}
#paginacion{
  margin: 0;
}
#bfitxa div.row > div{
  padding: 1em 0;
}
#bfitxa p{
  margin: 0;
  background: url(../img/productes/icones/enrere.png) no-repeat center left;
  padding-left: 2em;
  color: #7b9abf;
}
#bfitxa li{
  float: right;
  padding: 0 0.1em;
}
#bfitxa li > a{
  color: #8d93a9;
}

#bcataleg p{
  margin: 0;
  width: 90%;
  background-color: #36416c;
  padding: 0.95em 0 0.93em 1.5em;
  border-bottom: 2px solid #5d668f;
  border-top: 2px solid #5d668f;
  position: absolute;
  top: -2px;
}
#bcataleg > div > div > div{
  padding: 0.5em;
}
#bcataleg > div > div > div:nth-child(1){
  padding: 0;
  
}
#bcataleg > div > div > div:nth-child(3){
  padding: 0.6em 0;
}
#bcataleg > div > div > div input{
  width: 60%;
  max-width: 283px;
  border-radius: 4px;
  margin-left: 1em;
  padding: 0.3em 1em;
  background-color: #d2d2d2;
  border: none;
  color: #656565;
}
#bcataleg > div > div > div > ul{
  /*list-style: none;
  overflow: auto;
  padding: 0;
  margin: 0;*/
}
#bcataleg > div > div > div > ul > li{
  float: left;
  margin: 0 0.5em 0 0;
}
.pmain{
  text-align: center;
  margin-top: 3em;
  cursor: pointer;
}


/*Filtrar productes*/
#fproductes > li:nth-child(1) button,#fproductes > li:nth-child(2) button{
  width: 30px;
  height: 30px;
  /*background-size: 74%;*/
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 6% center;
  border: 2px solid #8c93aa;
}
#fproductes > li:nth-child(1) button{
  background-image: url("../img/productes/icones/mosaic.png");
}
#fproductes > li:nth-child(2) button{
  background-image: url("../img/productes/icones/llista.png");
}
#fproductes > li:nth-child(1) button:hover,#fproductes > li:nth-child(2) button:hover{
  background-position: 95% center;
  border: 2px solid #96abf4;
}
#fproductes > li:nth-child(3) button{
  border: 2px solid #8c93aa;
  border-radius: 0;
  padding: 4px 12px;
  background-color: transparent;
}
#fproductes > li:nth-child(3) button:nth-child(1){
  padding: 4px 150px 4px 12px;
}

#fproductes > li:nth-child(3) button:hover, #fproductes > li:nth-child(3) button:focus{
  color: #cecece;
}
#fproductes > li:nth-child(3) li > a{
  color: #727ca3;
}
#fproductes > li:nth-child(3) li > a:hover, #fproductes > li:nth-child(3) li > a:focus{
  background-color: transparent;
  background-image: none;
  color: rgb(173, 178, 201);
}
#fproductes > li:nth-child(3) ul{
  left: 4px;
  top: 34px;
  border-radius: 0;
  background-color: #2f364e;
}
#fproductes > li:nth-child(3) ul li.divider{
  background-color: #5d668f;
}
@media (max-width: 1200px) {
  #fproductes > li:nth-child(3) button:nth-child(1) {
    padding: 4px 80px 4px 12px;
  }
  #bcataleg > div > div > div input {
    max-width: 215px;
  }
}
@media (max-width: 992px) {
  #bcataleg p {
    padding: 0.95em 0 0.95em 0.2em;
  }
  #bcataleg > div > div > div > ul > li {
    margin: 0;
    padding: 0 2px;
  }
  #fproductes > li:nth-child(3) button:nth-child(1) {
    padding: 4px 50px 4px 12px;
  }
  #bcataleg > div > div > div input {
    max-width: 140px;
  }
}
@media (max-width: 768px) {
  #bcataleg{
    padding: 0;
  }
  #bcataleg > div > div > div {
    padding: 0.5em 0;
  }
  #bcataleg > div > div > div:last-of-type {
    padding: 0;
  }
  #bcataleg > div > div > div > ul {
    padding: 1em;
  }
  #bcataleg p {
    position: relative;
    width: 100%;
    padding: 1em;
  }
  #bcataleg > div > div > div form {
    padding: 1em;
  }
  #bcataleg > div > div > div > ul > li {
    padding: 0 0.5em;
  }
  #fproductes > li:nth-child(3) button:nth-child(1) {
    padding: 4px 125px 4px 12px;
  }
  #bcataleg > div > div > div input {
    max-width: 240px;
  }
}
/*Llista de productes*/
.llistacataleg{
  color: #cecece;
}
.llistacataleg > div > div:nth-child(1){
  padding: 0;
}
/*Menu-productes*/
#menu-productes{
  width: 90%;
  color: #727ca3;
  background-color: #2f364e;
  padding: 1em 0 0.5em 0;
}
#menu-productes h3{
  font-size: 1em;
  background-color: #2f364e;
  background-image: none;
  border-radius: 0;
  margin: 0 auto;
  color: #727ca3;
  border: none;
  border-bottom: 2px solid #5d668f;
  width: 90%;
  padding: 0.8em 0.5em 0.8em 0.7em;
}
#menu-productes h3:hover, #menu-productes h3:active{
  color: #ffffff;
}
#menu-productes div{
  background-color: #2f364e;
  background-image: none;
  color: #727ca3;
  border: none;
}
#menu-productes h3:last-of-type{
  border-bottom: none;
}
#menu-productes div a{
  color: #727ca3;
}
#menu-productes div a:hover{
  color: #ffffff;
  text-decoration: none;
}

/*Menu-productes Associats*/
#generar-pdf{
  width: 90%;
  padding: 1.5em 0;
  background: #f0f0f0 none repeat scroll 0 0;
  margin: 2em 0 1em 0;
}
#generar-pdf h3{
  color: #5a7efb;
  font-size: 1.3em;
  padding: 0 1.5em 1em;
  line-height: 1.3em;
}
#generar-pdf ul{
  list-style: outside none none;
  padding: 0 2.5em 0 1.5em;
  text-align: justify;
  color: #6a738e;
}
#generar-pdf li{
  padding-left: 3em;
  margin-bottom: 1em;
}
#generar-pdf li:first-child{background: url(../img/icones/cataleg/afegir-pdf.png) no-repeat left top;}
#generar-pdf li:last-child{background: url(../img/icones/cataleg/guardat-pdf.png) no-repeat left top;}
#generar-pdf button{padding:0.7em 3em 0.7em 1em;margin: 1.5em 1.5em 0.5em 1.5em; background: url(../img/icones/cataleg/guardat-pdf-negre.png) no-repeat 95% center;}

#veure-crear-pdf h3{color:#d83b49;font-weight: bold;margin: 1em 0 2em;}
#veure-crear-pdf div.modal-content{background:#eaeaea url(../img/icones/cataleg/icona-pdf.png) no-repeat 90% 10%; background-size: 25%; color:#3d3d3d;} 
#formulari-generar-pdf > div:nth-child(2){margin-bottom: 3em;}
#formulari-generar-pdf > div:nth-child(3) input{padding: 0 1em; background: #d3d3d3;border: medium none;border-radius: 5px;box-shadow: 1px 1px 3px -1px #000000 inset;line-height: 2em;width: 100%;}

#oferta-cataleg{width: 90%;padding: 1em 2em 2em;color:#ffffff;border-radius: 0.5em;}
#oferta-cataleg h3{font-weight: bold;}
#oferta-cataleg p:last-of-type{color:#440913;}
#oferta-cataleg p{margin-bottom: 1em;}


@media (max-width: 768px) {
  #generar-pdf li{
    padding: 0.5em 1em 1em 3em;
  }
  #generar-pdf, #oferta-cataleg{margin: 2em auto;max-width: 400px;width: 100%;}
}
/*Productes cataleg*/
.llistacataleg > div > div:last-of-type > div.row{
  /*margin-top: 3em;*/
}
.llistacataleg > div > div:last-of-type > div.row > div{
  /*margin-top: 2em;*/
}
/*Llista Catàleg*/
.llistaprodcataleg, .llista-admin-producte-cataleg{
  margin-bottom: 0.2em;
}
.llistaprodcataleg > div > p, .llista-admin-producte-cataleg > div.row >div > p{
  margin: 0;
  color: #30374f;
  padding: 19px 0;
  font-size: 0.9em;
}
.llistaprodcataleg > div:nth-child(1){
  background-color: #ccd6f7;
}
.llistaprodcataleg > div:nth-child(2){
  background-color: #ffffff;
}
.llistaprodcataleg > div:nth-child(3){
  background-color: #ccd6f7;
}

#llistaproductes{margin-top: 3em;padding: 0 2em;}

/*Mosaic Catàleg*/
.pcataleg{
  margin-top: 3em;
  display: inline-block;
  float: none;
  min-width: 290px !important;
  width: 26%;
}
.pcataleg div{
  text-align: left;
  background-color: #ffffff;
  color: #30374f;
  /*padding-left: 1em;*/
}
.pcataleg div:nth-child(1){
  height: 250px;
  padding-left: 0;
  text-align: center;
}
.pcataleg div:nth-child(1) > div{position:absolute;width:30px;height:30px;top:0;left:0;}
.afegit-al-pdf{background:url("../img/icones/cataleg/afegir-pdf.png") no-repeat center center;}
.tret-del-pdf{background:url("../img/icones/cataleg/guardat-pdf.png") no-repeat center center !important;}

.pcataleg div:nth-child(2){
  background-color: transparent;
  /*height: 115px;*/
}
.pcataleg h3{
  margin-top: 0;
  padding: 1em 0 0.5em 0;
  font-size: 1.2em;
  line-height: 3.5em;
  text-align: center;
}
.pcataleg p:first-of-type{
  margin-bottom: 0.2em;
}
.pcataleg img{
  width: auto;
  padding: 1em 0 0 0;
}
.pcataleg > div:last-of-type{
  background: rgb(202,216,247);
  color: rgb(46,56,79);
  padding: 0.1em 1em;
}
.fons-afegit-al-pdf{background: #f57d91 !important;}

@media (max-width: 1200px) {
  .llistaprodcataleg > div{ height: 60px !important;}
}
@media (max-width: 992px) {
  .pcataleg{
    max-width: 250px;
  }
}
@media (max-width: 768px) {
  #menu-productes{
    width: 100%;
  }
  .llistacataleg > div.row > div:nth-child(2){text-align: center;}
  .pcataleg{
    display: inline-block;
    float: none;
    max-width: 100%;
    vertical-align: top;
    width: 45%;
  }
}
@media (max-width: 580px) {
  .llistacataleg > div > div:last-of-type > div.row > div {
    float: none;
    margin: 2em auto;
    max-width: 293px;
    width: 100%;
  }
  .llistaprodcataleg > div{margin: 1px auto !important;}
  .pcataleg{width: 100%;}
}
/*Fitxa producte*/
#casco div.modal-body{
  padding: 0;
  border-radius: 5px;
}
.fitxa-producte{
  background-color: #ffffff;
  color: #434343;
  /*margin-bottom: 2em;*/
}
.fitxa-producte > div:first-of-type{
  border-right: 2px solid #b1bad9;
  padding: 0 15px !important;
}
.fitxa-producte > div:last-of-type{
  /*border-left: 2px solid #b1bad9;*/
}
.foto-producte > div{
  padding: 0 15px;
}
.foto-producte{
  background-color: #ffffff;
  text-align: center;
  padding: 2em 0;
  min-height: 271px;
}
.foto-producte img{
  max-width: 193px;
  max-height: 200px;
}
.codi-producte > div{
  background-color: #6077c6;
}
.codi-producte p{
  padding: 1em;
  margin: 0;
  color: #ffffff;
  text-align: center;
}
.icones-producte > div{
  height: 130px;
  background-color: #ccd6f7;
}

.icones-producte span{
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 8em auto;
  margin: 0 auto;
  width: 44px;
}
.icona-favorit span{
  background-image: url(../img/productes/icones/favorit.png);
}
.icona-oferta span{
  background-image: url(../img/productes/icones/oferta.png);
}
.icona-marca span{
  background-image: url(../img/productes/icones/marca-propia.png);
}
.titols-producte{
  margin: 0 !important;
  border-bottom: 2px solid #b1bad9;
  padding: 1em 3em;
}
.titols-producte h3{
  color: #367db5;
   margin-top: 10px;
}
.titols-producte h4{
  color: #94adff;
}
.titols-producte h4:last-of-type{
  color: #8e91a0;
}
.descripcio-producte{
  min-height: 278px;
}
.descripcio-producte > div:first-of-type{
  border-right: 2px solid #b1bad9;
}
.descripcio-producte > div{
  margin-top: 0 !important;
  min-height: 313px;
  padding: 1.9em;
}
.dades-producte{
  color: #5a7efb;
}
.dades-producte li{
  font-size: 1.1em;
  line-height: 1.8em;
}
.dades-producte span{
  color: #434343;
  font-weight: bold;
}
.preu-producte > div > div.row{
  margin-bottom: 1%;
}
.preu-producte > div > div:nth-child(1) p:first-of-type{
  margin: 0;
}
.fons-preu{width: 24%;margin-right: 1%;}
.fons-preu-unitat{background-color: #6077c6;}
.fons-preu-caixa{background-color: #d80f30;}
.color-preu{color: #ffffff !important;}

/*.preu-producte > div > div:nth-child(2) div+div{
  background-color: #6077c6;
  width: 24%;
  margin-right: 1%;
}
.preu-producte > div > div:nth-child(2) div+div p{
  color: #ffffff;
}
.preu-producte > div > div:nth-child(3) div+div{
  background-color: #d80f30;
  width: 24%;
  margin-right: 1%;
}
.preu-producte > div > div:nth-child(3) div+div p{
  color: #ffffff;
}*/

.preu-producte p{
  border-radius: 3px;
  padding:0.5em 0;
  margin: 0;
  color: #6077c6;
}
.preu-producte > div > div:nth-child(1) p{
  padding: 0;
  text-align: center;
}
@media (max-width: 992px) {
  .descripcio-producte > div {
    min-height: 0 !important;
  }
  .dades-producte{
    padding-bottom: 4em;
  }
}

/*PAGINA ADMIN PRODUCTES*/
.llista-admin-cataleg{
  padding-top: 2em;
}
.llista-admin-producte-cataleg > div.row{
  margin-bottom: 0.3em;
}
.llista-admin-producte-cataleg > div.row > div{
  min-height: 57px;
}
.llista-admin-producte-cataleg > div.row > div:nth-child(3){
  padding: 0 0.5em;
}
.llista-admin-producte-cataleg > div.row > div:nth-child(3) p{
  /*font-size: 0.85em;*/
  padding: 19px 0;
}
.llista-admin-producte-cataleg > div.row > div:nth-child(odd){
  background-color: #ccd6f7;
}
.llista-admin-producte-cataleg > div.row > div:nth-child(even){
  background-color: #ffffff;
}
.llista-admin-producte-cataleg div:nth-child(1) span{
  height: 21px;
  width: 21px;
  display: block;
  margin: 18px auto;
  border: 1px solid #000000;
  /*background: url(../img/productes/icones/ticks.png) no-repeat -3% center;*/
}
.llista-admin-producte-cataleg div:nth-child(1) span img{
  margin: 1px 0 4px 1px
}
.llista-admin-producte-cataleg select{
  border: 1px solid #8c93aa;
  border-radius: 0;
  margin: 0.8em 0;
  padding: 6px;
  width: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow.png) 92% / 6% no-repeat #eee;
}
.editar{
  width: 21px;
  height: 21px;
  margin: 18px auto;
  padding: 3px;
  border: 1px solid;
}
.editar:hover, .editar:focus{
  color: #e0e0e0;
  border: 1px solid;
}
.examinar{
  height: 26px;
  margin: 15px auto;
  width: 27px;
  padding: 0px 7px;
  display: block;
  /*background: url(../img/productes/icones/picture.png) no-repeat;*/
  /*background-position: 3%;*/
  border: 2px solid #000000;
}
.examinar:hover, .examinar:focus{
  color: #e0e0e0;
  background-color: transparent;
  background-image: none;
  /*background: url(../img/productes/icones/picture.png) no-repeat;*/
  /*background-position: 97%;*/
}
.completar{
  height: 26px;
  margin: 7px auto;
  width: 27px;
  padding: 0px 5px;
  display: block;
  float: right;
}
.imatges-admin-producte{
  padding: 1em 0;
  background-color: #ccd6f7;
  /*border-top: 2px solid #000000;*/
  margin-bottom: 2em;
}

.imatges-admin-producte > div{
  background-color: #ccd6f7 !important;
  /*height: 250px;*/
  overflow: auto;
  text-align: center;
}
.imatges-admin-producte > div > div{
  padding-top: 2px;
  margin-bottom: 1em;
  /*text-align: center;*/
}
.imatges-admin-producte > div > div:hover{
  /*outline: 2px solid #F2354B;*/
}
.imatges-admin-producte a{
  background-color: #ffffff;
  display: block;
  margin: 1em auto;
  width: 95%;
  height: 250px;
}
.imatges-admin-producte a:hover{
  outline: 2px solid #F2354B;
}
.imatges-admin-producte img{
  max-width: 170px;
  padding-top: 1em;
}
.imatges-admin-producte img:hover{
  /*outline: 2px solid #F2354B;*/
  /*width: 100%;*/
}
.imatges-admin-producte button{
  margin:2em 1em 1em 3em;
}
.dades-admin-producte select{
  margin: 0;
}
.dades-admin-producte textarea{
  resize: none;
}
.marca-admin-producte select{
  border-radius: 3px;
  border: 1px solid #8c93aa;
  padding: 6px;
  width: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow.png) 92% / 6% no-repeat #ffffff;
}
.pujar-arxius{margin-bottom: 1em;}
.pujar-arxius p{padding: 1em;}
.pujar-arxius form{margin: 1em 1em 1em 0; }
.pujar-arxius button{margin:0 0 0 3em;}

@media (max-width: 1200px) {
  .llista-admin-producte-cataleg button{
    margin-left: 10%;
  }
}
@media (max-width: 992px) {
  .fotos a{
    margin-bottom: 1em;
  }
  .llista-admin-producte-cataleg button{
    margin-left: -18%;
  }
}
@media (max-width: 768px) {
  .llista-admin-producte-cataleg div:nth-child(1) span {
    margin: 10px 0;
  }
  .llista-admin-producte-cataleg select {
    max-width: 290px;
  }
  .llista-admin-producte-cataleg > div.row > div {
    /*height: 45px;*/
  }
  .llista-admin-producte-cataleg div:nth-child(1) span {
    margin: 13px 0;
  }
  .llistaprodcataleg > div > p, .llista-admin-producte-cataleg > div.row > div > p {
    padding: 0.9em 0;
  }
  .llista-admin-producte-cataleg select {
    margin-top: 5px;
  }
  .llista-admin-producte-cataleg select {
    background-size: 6%;
  }
  .llista-admin-producte-cataleg button {
    margin-left: 0;
    margin-top: 10px;
  }
  .fotos{
    border-left: none;
  }
}
@media (max-width: 580px) {
  .fotos > div > div {
   width: 100%;
  }
}

/*PÀGINA MARIMBA*/
.pmarimba{

}
.pmarimba > div{
  background: #e6e6e6; /* Old browsers */
  background: -moz-linear-gradient(top,  #e6e6e6 0%, #b0b1b9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#b0b1b9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e6e6e6 0%,#b0b1b9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e6e6e6 0%,#b0b1b9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e6e6e6 0%,#b0b1b9 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e6e6e6 0%,#b0b1b9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#b0b1b9',GradientType=0 ); /* IE6-9 */
  padding-top: 5em;
  -webkit-box-shadow:inset 0 40px 45px -40px #474747;
  box-shadow:inset 0 40px 45px -40px #474747;
}
.pmarimba > div > div{
  padding-bottom: 5em;
}
.pmarimba > div > div:first-child p{
  margin-bottom: 0;
  text-align: justify;
}
.pmarimba > div > div+div p{
  text-align: center;
  color: #fbfbfb;
}
.pmarimba > div > div+div p+p{
  color: #666666;
}
.pmarimba > div > div+div > div{
  min-height: 210px;
  text-align: center;
  margin-bottom: 2em;
}
.pmarimba h2{
  font-size: 1.5em;
  font-weight: bold;
  border-bottom: 2px solid #cc0033;
  margin-bottom: 1em;
  padding-bottom: 0.4em;
}
.pmarimba img{
  width: 100%;
  max-width: 160px;
}
/*MAPA HOSTALI*/
#mapa-hostali{position: relative; margin-top: 2em;}
#mapa-hostali div.dropdown{position: absolute;left: 1.1em;z-index: 20;}
.associats > div.dropdown a, #mapa-hostali div.dropdown button{width: 200px;font-size: 14px;background-image: linear-gradient(to bottom, #7782bb 0px, #4f5292 100%);background-repeat: repeat-x;border: medium none transparent; text-shadow:none; color:#ced2e8; border-radius: 0;}
#mapa-hostali div.dropdown button{width: 200px;}
.associats > div.dropdown a:hover, .associats > div.dropdown a:active, .associats > div.dropdown a:focus, #mapa-hostali div.dropdown button:hover, #mapa-hostali div.dropdown button:active, #mapa-hostali div.dropdown button:focus{background-color: #5d6aae;}
#mapa-hostali div.dropdown button span{margin-left: 5em;}
#as{margin: 0 0 3em;}

#carousel-mapa-hostali div.carousel-caption{bottom: 0;right: inherit;left: inherit; text-align: right; width: 100%;}
#carousel-mapa-hostali div.carousel-caption h4{color: rgb(173, 178, 201);padding: 0em 4em 0 0; display: inline; margin: 0 2em 0 0; border-bottom: 1px solid #6c78ba;font-weight: 200;}
#carousel-mapa-hostali img{width: 100%;}
#carousel-mapa-hostali > div > div+div > div+div{z-index: 10;}

@media (max-width: 768px) {
  #carousel-mapa-hostali div.carousel-caption h4 {
    padding: 0 1em 0 0;
  }
}
@media (max-width: 480px) {
  #mapa-hostali div.dropdown button {
    font-size: 12px;
    width: 92px;
  }
  #mapa-hostali div.dropdown button span {
    margin-left: 0;
    display: none;
  }
  .carousel-caption {
    padding-top: 30px;
    top: inherit !important;
    bottom: 0 !important;
  }
  #carousel-mapa-hostali div.carousel-caption h4 {
    font-size: 0.9em;
    margin: 0 1em 0 0;
    padding: 0;
  }
}
.segon{
  max-width: 400px !important;
  top: 30px !important;
  width: 400px !important;
}
.segon:before{
  content: "";
  width: 1px;
  height: 54px;
  position: absolute;
  background: #828cb1;
  right: 0;
  top: -26px;
}
.ui-widget {
  font-family: inherit;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #576DB0;
    
}
#accordion{
  height: 300px;
}
#accordion > div{
  padding: 1em 0;
  background: #D7D7D9;
}
#accordion > h3{
  background-image: linear-gradient(to bottom, #7782bb 0px, #4f5292 100%);
  background-repeat: repeat-x;
  color: #cecece;
  border: #576DB0
}
#accordion > div > ul{
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  font-size: 0.9em;
}
#accordion > div > ul > li{
  padding: 0.2em 1em;
}
#accordion > div > ul > li:hover{
  opacity: 0.7;
  background: #cdcdcd;
}
#accordion > div > ul > li a{
  display: block;
  color: #262A36;
}
#accordion > div > ul > li a:hover{
  text-decoration: none;
}
@media (max-width: 992px) {
  #accordion{
    margin-top: 2em;
  }
}
.localitzacio-associat{background: url(../img/mapa-associats/punt-associat-vermell.png) no-repeat;}
.localitzacio-associat, .localitzacio-capital{width: 20px;height: 20px;position: absolute;}
.localitzacio-capital{width: 10px;height: 10px;}
.localitzacio-comunitat{position: absolute; width: 20px;height: 20px;background: url(../img/mapa-associats/punt.png) no-repeat center center; }

.localitzacio-comunitat a, .localitzacio-associat a, .localitzacio-capital a{display: block; width: 100%;height: 100%;-webkit-transition: all 1s; transition: all 1s;}
/*.localitzacio-comunitat:hover a, .localitzacio-capital:hover a{border: 1px solid black; border-radius: 1em;}*/

.localitzacio-associat div.popover {max-width: auto;width: 250px;background-color: transparent;border: medium none;border-radius: 0;box-shadow: none;}
.localitzacio-associat div.popover.right{text-align: right;}
.localitzacio-associat div.popover.left{text-align: left;}

.localitzacio-associat h3.popover-title {padding: 4px 5px 4px 0; color: #b2b5ba;background-color: transparent;border-radius: 0;border-bottom: 1px solid #828cb1;}
.localitzacio-associat div.arrow{display: none;}
.localitzacio-associat div.popover-content{color:#bacddc; padding: 4px 5px 4px 0;}

/*ESPANYA*/
/*#catalunya{left: 82.9%;top: 30.5%;}
#arago{left: 71.85%;top: 32.9%;}
#pbasc{left: 62.7%;top: 18%;}
#valencia{left: 71.8%;top: 53%;}
#ibalears{left: 88.7%;top: 51%;}
#andorra{left: 81.9%;top: 22.1%;}*/
@media (max-width: 1200px) {
  #ibalears {left: 87.7%;top: 50%;}
  #andorra{left: 81.4%;top: 21.6%;}
}
/*CATALUNYA*/
.ca1{left: 70.2%;top: 33.3%;}
.ca15{left: 44.2%;top: 20.6%;}
.ca16{left: 67.7%;top: 29.4%;}
.ca31{left: 57.5%;top: 26.5%;}
.ca17{left: 57.5%;top: 26.5%;}
.ca9{left: 75.4%;top: 24%;}
.ca22{left: 72.7%;top: 35.1%;}
.ca6{left: 38.7%;top: 40.9%;}
.ca7{left: 61.1%;top: 52.4%;}
.ca10{left: 76.5%;top: 22.9%;}
.ca11{left: 71.3%;top: 25.4%;}
.ca12{left: 70.65%;top: 17.7%;}
.ca18{left: 72.9%;top: 40.7%;}
.ca19{left: 54.8%;top: 50.3%;}
.ca33{left: 57.2%;top: 53.7%;}
.ca20{left: 57.2%;top: 53.7%;}
.ca23{left: 70.65%;top: 44.3%;}
.ca24{left: 63.7%;top: 49.7%;}
.ca25{left: 46.9%;top: 62.1%;}
.ca29{left: 41.05%;top: 53.3%;}
.ca30{left: 65.65%;top: 42.7%;}
.ca35{left: 29.83%;top: 68.1%;}
.ca36{left: 59.1%;top: 53.6%;}
.ca37{left: 47.4%;top: 49.5%;}
.ca38{left: 57.3%;top: 56.4%;}
.ca39{left: 62%;top: 46%;}
.ca40{left: 57.6%;top: 46.9%;}
.ca42{left: 40.6%;top: 61%;}
.ca44{left: 55%;top: 59%;}

@media (max-width: 1200px) {
  .localitzacio-associat div.popover h3,.localitzacio-associat div.popover div{font-size: 0.9em !important;}
  #jaume div.popover{width: 265px;max-width: 265px;}
  #miracle div.popover{width: 275px;max-width: 275px;}
  #disbegrup div.popover{width: 210px;max-width: 210px;}
  #moya div.popover{width: 340px;max-width: 340px;}
  #maresme div.popover{width: 250px;max-width: 250px;}
  #roget div.popover{width: 185px;max-width: 185px;}
  #figueres div.popover{width: 140px;max-width: 140px;}
  #cferrer div.popover{width: 155px;max-width: 155px;}
  #punset div.popover{width: 180px;max-width: 180px;}
  #ferrer div.popover{width: 200px;max-width: 200px;}
  #girodrinks div.popover{width: 170px;max-width: 170px;}
  #negre div.popover{width: 160px;max-width: 160px;}
  #marquez div.popover{width: 170px;max-width: 170px;}
  #regional div.popover{width: 190px;max-width: 190px;}
  #exquisits div.popover{width: 220px;max-width: 220px;}
  #codiba div.popover{width: 250px;max-width: 250px;}
  #ramon div.popover{width: 220px;max-width: 220px;}
  #disava div.popover{width: 250px;max-width: 250px;}
  #vinyoles div.popover{width: 275px;max-width: 275px;}
  #zapata div.popover{width: 275px;max-width: 275px;}
  #reixac div.popover{width: 275px;max-width: 275px;}
  #penedes div.popover{width: 300px;max-width: 300px;}
  #guillamet div.popover{width:450px;max-width:450px;}
  #salvans div.popover{width:375px;max-width:375px;}
}
@media (max-width: 990px) {
  #guillamet div.popover{width:400px;max-width:400px;}
  }
#amposta{left: 29.4%;top: 87%;}
#balaguer{left: 33.9%;top: 46.2%;}
#berga{left: 52.3%;top: 34.5%;}
#cervera{left: 42.3%;
    top: 50.67%;}
#vendrell{left: 46.8%;
    top: 67.5%;}
#vendrell div.tooltip{left:-85px !important;}
#falset{left: 33.8%;
    top: 70.9%;}
#c-figueres{left: 71.9%;
    top: 27.9%;}
#gandesa{left: 26.8%;
    top: 73.8%;}
#girona{left: 69.5%;
    top: 38.6%;}
#granollers{left: 60.2%;
    top: 53.2%;}
#borges{left: 34.6%;
    top: 56.35%;}
#borges div.tooltip{left:-140px !important;}
#lleida{left: 30.5%;
    top: 52.5%;}
#manresa{left: 52.1%;
    top: 48.2%;}
#mataro{left: 62.9%;
    top: 55.7%;}
#mollerusa{left: 35.4%;
    top: 52.1%;}
#montblanc{left: 40.2%;
    top: 62%;}
#olot{left: 63.5%;
    top: 31%;}
#suert{left: 33.1%;
    top: 22.8%;}
#suert div.tooltip{left:-100px !important;}
#puigcerda{left: 53.8%;
    top: 22%;}
#reus{left: 39%;
    top: 70.2%;}
#sabadell{left: 56.9%;
    top: 55.5%;}
#solsona{left: 46.6%;
    top: 38.5%;}
#sort{left: 39.6%;
    top: 22.7%;}
#col-farnes{left: 67.1%;
    top: 43.2%;}
#col-farnes div.tooltip{left:-145px !important;}
#feliu-llobregat{left: 56.1%;
    top: 61.6%;}
#feliu-llobregat div.tooltip{left:-140px !important;}
#tarragona{left: 41.5%;
    top: 71.8%;}
#tarrega{left: 39.8%;
    top: 51.2%;}
#tortosa{left: 28.3%;
    top: 83.1%;}
#tremp{left: 35.4%;
    top: 32.2%;}
#valls{left: 41.5%;
    top: 65.4%;}
#vic{left: 59.7%;
    top: 41%;}
#viella{left: 33.8%;
    top: 11.9%;}
#vilafranca{left: 49.8%;
    top: 63.35%;}
#vilafranca div.tooltip{left:-150px !important;}
#vilanova{ left: 50.1%;
    top: 67.9%;}
#vilanova div.tooltip{left:-130px !important;}

/*ARAGO*/
/*associats*/
.ar8{left: 53.05%;top: 23%;}
.ar13{left: 63.85%;top: 40.7%;}
.ar27{left: 64%;top: 33.35%;}
.ar41{left: 56.8%;top: 55%;}
/*capitals*/
#jaca{left: 52%;top: 14.4%;}
#sabia{left: 54.65%;top: 15.7%;}
#bolta{left: 60.6%;top: 17.95%;}
#graus{left: 64.5%;top: 25.4%;}

/*PAIS BASC*/
/*associats*/
.pb26{left: 34.8%;top: 19%;}
/*capitals*/
#bilbao{left: 34.7%;top: 19.5%;}
#san-sebastian{left: 69.6%;top: 24%;}
#vitoria{left: 46.2%;top: 57.5%;}

/*ILLES BALEARS*/
/*associats*/
.ib21{left: 15.7%;top: 70.3%;}
.ib34{left: 86.85%;top: 15.2%;}
.ib28{left: 68.25%;top: 28.4%;}
.ib43{left: 48.28%;top: 35.1%;}
/*capitals*/
#maho{left: 91.3%;top: 22.2%;}
#palma{left: 49.3%;top: 39.2%;}

/****************************/
/****************************/
/*****PAGINA INDEX ADMIN*****/
/****************************/
/****************************/
.administrador{background: url('../img/admin/fons-ofertes.jpg') top left;}
.menu-admin{background-size: 18% 100% !important; background-image: url('../img/admin/fletxa-admin-hostali.png') !important;}
.dades-admin{background:#871e2f !important;}
.dades-admin li, .dades-admin li > a.dropdown-toggle, .dades-admin li > a[data-target="#areaPrivada"]{color:#e0e0e0 !important;}
.dades-admin li > a[data-target="#areaPrivada"] > span{padding-right: 0.5em;}

/****************************/
/****************************/
/***PAGINA CREAR ASSOCIATS***/
/****************************/
/****************************/
.fitxa-crear-associat,.fitxa-crear-marca{
  padding-bottom: 2em;
  /*padding-right: 0;*/
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,d5d6d9+100 */
  background: #f0f0f0; /* Old browsers */
  background: -webkit-linear-gradient(#f0f0f0 0%, #d5d6d9 100%);
  background: -o-linear-gradient(#f0f0f0 0%, #d5d6d9 100%);
  background: linear-gradient(#f0f0f0 0%, #d5d6d9 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d6d9',GradientType=0 ); /* IE6-9 */
}
div.boto-pujar-arxiu {
    width: 100%;
    height: 40px;
    background:#6a6e72 url('../img/icones/admin-ofertes/pujar-foto-oferta.png') no-repeat 96% center;
    background-repeat: no-repeat;
    /*background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);*/
    /*background-size: 100%;*/
    overflow: hidden;
    position: relative;
}
div.imatge-oferta{height: 57px;}
div.boto-pujar-arxiu:before {content: "LOGO";position: absolute;color: #ffffff;font-size: 1em;left: 12%;top: 28%;}
div.imatge-oferta:before {content: "TRIA L'IMATGE";font-size: 1.5em;left: 8%;top: 25%;}
div.boto-pujar-arxiu input {display: block !important;width: 100% !important;height: 40px !important;opacity: 0 !important;overflow: hidden !important;}
div.boto-pujar-arxiu input {height: 57px !important;}

.fitxa-crear-associat > div.row:first-of-type div.col-xs-10 input{background: #ffffff;padding: 0.6em 0.5em 0.5em;width: 100%;margin-bottom: 0.5em;border:none;}
.fitxa-crear-associat > div.row:first-of-type div.col-xs-10 input[name="nom-associat"]{margin-bottom: 1.5em;}
.fitxa-crear-associat > div.row:last-of-type textarea{width: 100%;resize:none;}
.fitxa-crear-associat > div.row:last-of-type label{margin: 1em 0;}
.no-vist{color:#e96565 !important;}


/****************************/
/****************************/
/***PAGINA CREAR MARQUES***/
/****************************/
/****************************/
.fitxa-crear-marca{padding-top: 2em;}
.fitxa-crear-marca h4{
    background: #6a6e72 none repeat scroll 0 0;
    color: #ffffff;
    margin-bottom:0;
    overflow: auto;
    padding: 0.5em 0.9em;
    font-size: 1em;
}
#nom-marca {width: 100%;padding: 0.5em;}
.fitxa-crear-marca textarea{width: 100%;resize:none;padding: 1em;border:none;border-radius:0;height: 113px;}
.tipus-marca > div:nth-child(2) {background: #fe7373;}
.tipus-marca > div:nth-child(3) {background: #7efb7b;}
.tipus-marca > div:nth-child(4) {background: #7fd9fe;}
.tipus-marca label{margin: 0;font-weight: lighter;}
div.imatge-marca:before {content: "TRIA L'IMATGE";font-size:1em;left: 8%;top: 25%;}



/****************************/
/****************************/
/****PAGINA ADMIN OFERTES****/
/****************************/
/****************************/
.ofertes{padding: 0 0;}
.ofertes-titol{color:#ffffff; background-color: #6a6e72; padding:0.5em 0; font-family: aller; margin-bottom: 1em;}
.ofertes-titol div.row > div{border-right: 1px solid #46484a; padding: 0.5em 0; text-align: center;}
.ofertes-titol div.row > div:last-child{padding:0;border-right:none;}
.ofertes-titol div.row > div > div{border-right: 1px solid #46484a; padding: 0.5em 0;}
.ofertes-icones > div {height: 30px;}
.ofertes-icones > div:nth-child(1) {background: url('../img/admin/ofertes-editar.png') center center no-repeat;}
.ofertes-icones > div:nth-child(2) {background: url('../img/admin/ofertes-visibilitat.png') center center no-repeat;}
.ofertes-icones > div:nth-child(3) {background: url('../img/admin/ofertes-eliminar.png') center center no-repeat;}
.ofertes-descripcio{color:#46484a; margin-bottom: 3em;}
.ofertes-descripcio div.row > div{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;min-height: 35px;text-align: center; background: #d4d9dc; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;
  padding:0.5em 1em;}
.ofertes-descripcio div.row > div:last-child{padding:0;border-right:none;border-bottom:none;}
.ofertes-descripcio div.row > div > div{border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; background: #c0c5ca;padding: 0;}
.ofertes-descripcio div.row > div > div a{display: block;height: 34px;/*padding: 0.5em 0;*/}
.ofertes-descripcio div.row > div > div:nth-child(1) a {background: url('../img/admin/editar-admin.jpg') center center no-repeat;}
.ofertes-descripcio div.row > div > div:nth-child(2) a.actiu {background: url('../img/admin/oferta-activa-admin.jpg') center center no-repeat;}
.ofertes-descripcio div.row > div > div:nth-child(2) a.inactiu {background: url('../img/admin/oferta-inactiva-admin.png') center center no-repeat;}
.ofertes-descripcio div.row > div > div:nth-child(3) a {background: url('../img/admin/eliminar-admin.jpg') center center no-repeat;}
.creacio-oferta h4{background: #6a6e72;padding: 0.5em;color:#ffffff;margin-bottom: 2px;overflow: auto;}
.creacio-oferta div.col-sm-4{padding: 0 0.4em;}
/*.titol-oferta input{padding: 2em;width: 100%;}*/
/*.duracio-oferta div.col-xs-12,.tipus-oferta div.col-xs-12{ margin-bottom: 0.4em;padding: 0.5em 0.8em;}*/
.duracio-oferta div.col-xs-12 label, .duracio-oferta div.col-xs-12 input,.tipus-oferta div.col-xs-12 label, .tipus-oferta div.col-xs-12 input{margin: 0;}
/*.tipus-oferta input{margin-top: 0.2em !important;}*/
.tipus-oferta div:nth-child(2){background: #7efb7b;}
.tipus-oferta div:nth-child(3){background: #fe7373;}
.tipus-oferta div:nth-child(4){background: #7fd9fe;}
.fons-gris{background: #d4d9dc;}
.amplada-caixes{margin-bottom: 5px;padding: 0.5em 0.8em;}
.input-associats{margin-top: 0.2em !important;}
.creacio-oferta button i{top: 4px;}
.creacio-oferta button{font-size: 16px;}
.titol-oferta h4{margin-bottom: 0;}
.titol-oferta .preus{padding: 1em;}
.llista-associats > div{border-bottom: 1px solid #d6d6d6;}
.selecciona-oferta{height: 28px;}

/*Mostrar banner oferta*/
div.mostrar-banner-oferta div.col-xs-8 div.col-xs-6, div.banner-oferta-associat > div > div.col-xs-8{padding: 0 3em 2em 2em;color:#ffffff;text-shadow: 2px 2px 2px #212121;border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
#seleccionar-producte div.row:hover{background-color: rgb(127, 217, 254) !important;}
.oferta{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd0a28+0,e06e3e+100 */
background: #bd0a28; /* Old browsers */
background: -moz-linear-gradient(left,  #bd0a28 0%, #e06e3e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #bd0a28 0%,#e06e3e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #bd0a28 0%,#e06e3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd0a28', endColorstr='#e06e3e',GradientType=1 ); /* IE6-9 */
}
.oferta-titol{background: #d80f30;}
.novetat{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c24ca+0,47c2fd+100 */
background: rgb(60,36,202); /* Old browsers */
background: -moz-linear-gradient(left, rgba(60,36,202,1) 0%, rgba(71,194,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(60,36,202,1) 0%,rgba(71,194,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(60,36,202,1) 0%,rgba(71,194,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c24ca', endColorstr='#47c2fd',GradientType=1 ); /* IE6-9 */}
.novetat-titol{background: rgb(60,36,202);}
.descompte{}
.descompte-titol{background: #7EFB7B;}

div.mostrar-banner-oferta div.col-xs-8 div.col-xs-6 h3, div.banner-oferta-associat > div > div.col-xs-8 h3{border-bottom: 1px solid #a7abaf;line-height: 1.7em;}
div.mostrar-banner-oferta div.col-xs-8 div.col-xs-6 p, div.banner-oferta-associat > div > div.col-xs-8 p{margin-bottom: 2em;}
div.mostrar-banner-oferta div.col-xs-8 div.col-xs-3, div.banner-oferta-associat > div > div.col-xs-4{padding: 0;background: #ffffff;border-bottom-right-radius: 7px;border-top-right-radius: 7px;text-shadow: 2px 2px 2px #212121;}
div.mostrar-banner-oferta div.col-xs-8 div.col-xs-3 h3, div.banner-oferta-associat > div > div.col-xs-4 h3{color:#ffffff;margin: 0;padding: 1em;text-align: center;border-top-right-radius: 7px;}

/*Pagina admin*/
div.mostrar-fitxa-oferta div.row div.col-xs-3{padding: 0;margin: 0 1px;}
div.mostrar-fitxa-oferta div.row div.col-xs-3 p{padding: 1em;height: 205px;}
div.mostrar-fitxa-oferta div.row div.col-xs-3 h3{color:#ffffff;padding:0.3em 0 0.3em 1em;margin: 0;font-size: 1.5em;}
/*div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(1) h3{background: #d80f30;}*/
/*div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(2) h3:first-of-type{background: rgba(0, 0, 0, 0) linear-gradient(to right, #bd0a28 0%, #e06e3e 100%) repeat scroll 0 0;}*/
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(2) h3:last-of-type{background: #6a6e72; font-size: 1.2em;}
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(3) h3:first-of-type{background: #6a6e72;}
/*div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(3) h3:last-of-type{ font-size: 1.2em; background: rgba(0, 0, 0, 0) linear-gradient(to right, #bd0a28 0%, #e06e3e 100%) repeat scroll 0 0;}*/
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(1),div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(2){background: #ffffff;}
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(2) div{float: left;width: 50%;padding: 1em 0.5em;}
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(2) div input{width: 90px;margin-left: 0.5em;}
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(3){background: #d4d9dc;}
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(3) label{width: 100px;}
div.mostrar-fitxa-oferta div.row div.col-xs-3:nth-child(3) div{width: 92%;margin: 0 auto;padding: 0.5em 0;}
div.mostrar-fitxa-oferta div.row div.col-xs-2 button{width: 100%;padding: 6px 0;}
div.mostrar-fitxa-oferta div.row div.col-xs-2 button:first-of-type{padding: 1em 0;margin-bottom: 1em;color:#ffffff;text-shadow:none;border-radius: 8px;}
div.mostrar-fitxa-oferta div.row div.col-xs-2 button:last-of-type{font-size: 0.9em;}

/*Pagina associats*/
div.mostrar-fitxa-oferta div.row div.col-md-4{padding: 0;margin: 0 1px;width: 33%;}
div.mostrar-fitxa-oferta div.row div.col-md-4 p{padding: 1em;height: 158px;}
div.mostrar-fitxa-oferta div.row div.col-md-4 h3{color:#ffffff;padding:0.3em 0 0.3em 1em;margin: 0;font-size: 1.5em;border-bottom: 2px solid #ffffff;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(2) h3:last-of-type{background: #6a6e72; font-size: 1.2em;padding: 0.6em 0 0.6em 1em;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) h3:first-of-type{background: #6a6e72;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(1),div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(2){background: #ffffff;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(2) div{float: left;width: 50%;padding: 1em 0.5em;background: #d4d9dc;color:#6a6e72;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(2) div input{width: 89px;margin-left: 0.5em;font-size: 1.2em;border: none;background: #ffffff;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3){background: #d4d9dc;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) label{width: 100px;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) div input{width: 90px;margin-left: 1em;color:#ffffff;border: none;font-size: 1.2em;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) div{width: 92%;margin: 0 auto;padding: 1em 0;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) h3+div label {color: #6077c6;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) h3+div input {background: #6077c6;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) div+div label {color: #d80f30;}
div.mostrar-fitxa-oferta div.row div.col-md-4:nth-child(3) div+div input {background: #d80f30;}
@media (max-width: 992px) {
   div.mostrar-fitxa-oferta div.row div.col-md-4{width: 100%;}
}

/*comandes-admin.php*/
.administrador .menu-comandes label{color: #333;}
.administrador .historial-comandes .titulo{color: #333;}
.administrador label{color: #333;}

/****************************/
/****************************/
/***PAGINA INDEX ASSOCIATS***/
/****************************/
/****************************/
div.banner-oferta-associat{padding: 0 3em 2em 2em;}
#index-associat > div > div{height:100%;text-align: left;}

/****************************/
/****************************/
/***PAGINA INDEX ASSOCIATS***/
/****************************/
/****************************/
.marca-propia{background: #fe7373 !important;}
.marca-exclusiva{background: #7efb7b !important;}
.marca-cataleg{background: #7fd9fe !important;}

/************************/
/************************/
/*******PAGINA PDF*******/
/************************/
/************************/
body.pagina-pdf header{margin-top: 1.5em;padding: 1em 0;background: rgba(0, 0, 0, 0) url("../img/fons_menu.jpg") repeat-x scroll 0 0;background-size: contain;}
body.pagina-pdf header h3{font-size: 2.5em;font-family: 'Roboto', sans-serif;color:#0e3b69;text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);}
body.pagina-pdf header h4{color:#ffffff;text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);}
body.pagina-pdf div.logo-pdf{width: 280px;height: 190px;background: url("../img/icones/fons-logo-pdf.png") no-repeat 0 0; top:-35px; right: 0;}
body.pagina-pdf div.logo-pdf img, body.pagina-pdf div.footer-logo-pdf img{max-width: 140px;max-height: 110px;/*margin-top: 2em;*/}
body.pagina-pdf div.pcataleg{float: left;width: auto;}
body.pagina-pdf footer{padding: 3em 0 6em;}
body.pagina-pdf footer ul{list-style: none;}
body.pagina-pdf footer div.row > div.col-xs-12{padding:2em 0 !important;}

@media (max-width: 1200px) {
   #montgrup1 div.popover{width: 500px;max-width: 500px;}
}



/*ANDORRA*/
/*associats*/
.an14{left: 41.3%;top: 56.4%;}
/*capitals*/
#julia{left: 39.75%;top: 68.72%;}
#escaldes{left: 44.2%;top: 59.1%;}
#massana{left: 41.6%;top: 51.9%;}
#ordino{left: 43.2%;top: 49.4%;}
#encamp{left: 47.7%;top: 53.4%;}
#canillo{left: 48.5%;top: 47.4%;}

/*Footer*/
footer{
  color: rgb(172, 177, 172);
  background: #29304e;
  padding: 6em 0;
  font-size: 1.1em;
}
footer > div > div > div{
  height: 180px;
  border-right: 1px solid #8f99c5;
  padding: 0 3em !important;
}
footer > div > div > div:last-of-type{
  border-right: none;
}
footer li{
  line-height: 2em;
  color: #8f99c5;
}
footer li a{
  color: #8f99c5 !important;
}

.imatgeSeleccionada{outline: 3px solid #00D219;}

/*Avis legal i Cookies*/
.avis, .cookies{font-size: 1.3em; background-color: rgba(37, 41, 53, 0.6); font-family: 'Myriad Pro Regular';color: #cecece;padding: 6em 8em; text-align: justify;line-height: 1.4em;}
.avis h2, .cookies h2{text-decoration: underline; font-family: 'existencelight'; color: #d80f30;margin-top: 0;}
.avis h3, .cookies h3{font-family: 'existencelight'; color: #d80f30;}
.avis a, .cookies a{color: #cecece;}

/*Política de Cookies*/
@keyframes desaparecer
{
0%  {bottom: 0px;}
80% {bottom: 0px;}
100%    {bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%  {bottom: 0px;}
80% {bottom: 0px;}
100%    {bottom: -50px;}
}
@keyframes aparecer
{
0%  {bottom: -38px;}
10% {bottom: 0px;}
90% {bottom: 0px;}
100%    {bottom: -38px;}
}
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%  {bottom: -38px;}
10% {bottom: 0px;}
90% {bottom: 0px;}
100%    {bottom: -38px;}
}
#cookiesms1:target {
display: none;
}
#cookie1{bottom:-50px;}
#cookie2{bottom:-123px;}
.cookiesms,.cookiesms1{ 
width:100%;
height:43px;
margin:0 auto;
padding-left:2%;
padding-top:5px;
font-size: 1.2em;
clear:both;
font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
.cookiesms1{min-height:110px;}
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:2%;
top:-50px;
font-size:15px;
height:50px;
padding-left:25px;
padding-right:25px;
padding-top: 12px;
/*padding-top: 10px;*/
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
}
/* Fin del CSS para cookies */


.flotante {
  position: fixed;
  bottom: 50px;
  background: #F44336;
  right: 30px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  font-size: xx-large;
  padding-top: 10px;
}
.contenedor >a{
  color: white;
}

.layer-span{
  background: white;
  color: #ff253a;
  font-size: 50px;
  margin-top: -6px;
}