.body {margin:0; padding:0;}

body,
html {
    width: 100%;
    height: 100%;
background-color: #FFFFFF;
}


h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}








/* linea verda d'adorno a cada secció */
.section-heading {
    margin-bottom: 30px;
}

.section-heading-spacer {
    float: center;
    width: 800px;
    border-top: 3px solid #35A10F;
}

/* final linea verda d'adorno a cada secció */

/* per crear el fons de diferent color a cada secció de forma alternativa
a= fons gris
b=fons blanc */
.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background-color: #ffffff;
}
/* final per crear el fons de diferent color a cada secció de forma alternativa */

 .navbar {
  min-height: 20px;
z-index: 9999;
}

.navbar-brand {
  padding: 0 15px;
  height: 15px;
  line-height: 15px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 15px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 7px;
  }
}




/* final aixo fa que sorti el icono del menu al mobil */



.menuv {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #35A10F; color: Black; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #35A10F;}

.menuv:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #35A10F;}

.menuv:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #35A10F;}

.menuv:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #E6344A;}

.menub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #00adef; color: Black; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #00adef;}

.menub:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #00adef; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #00adef;}

.menub:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #00adef; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #00adef;}

.menub:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16.px; text-decoration:none; background-color: #00adef; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #00adef;}



.menuaprincipal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuaprincipal:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuaprincipal:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuaprincipal:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuajuntament {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuajuntament:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuajuntament:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.menuajuntament:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 100%; border-width: 0px; border-style: solid; border-color: #000000;}

.caixa_ccub {margin-top:1px; width:243px; margin-left:10px; min-height:20px; position:relative; float:left; background-color:#ffffff;}
.caixa_pdb {margin-top:1px; width:107px; margin-left:10px; min-height:20px; position:relative; float:left; background-color:#ffffff;}
.caixa_conbici {margin-top:1px; width:74px; margin-left:10px; min-height:20px; position:relative; float:left; background-color:#ffffff;}
.caixa_ecf {margin-top:1px; width:211px; margin-left:10px; min-height:20px; position:relative; float:left; background-color:#ffffff;}


.navbar-default {
  background-color: #35A10F;
  border-color: #35A10F;
margin:0; 
padding:0;
height: 5px;

}

.navbar-default .navbar-text {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}



.navbar-default .navbar-nav > li > a:focus  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > li > a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > li > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > li > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > .active > a:focus  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > .active > a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > .active > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-default .navbar-nav > .active > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}


.dropdown-menu > li > a:focus  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu > li > a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu > li > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu > li > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu2 > li > a:focus  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu2 > li > a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu2 > li > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #000000; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.dropdown-menu2 > li > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

/* cambiar color del buto del submenu al pulsarlo */
.navbar-default .navbar-nav .dropdown.open a:focus {
   background-color: #E6344A; color: white;
}

/* final cambiar color del buto del submenu al pulsarlo */





.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #35A10F;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 0px solid #35A10F;
  border: 0px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}








@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #35A10F;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }

.navbar-nav .open .dropdown-menu > li > a:focus  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-nav .open .dropdown-menu > li > a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-nav .open .dropdown-menu > li > a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #35A10F; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}

.navbar-nav .open .dropdown-menu > li > a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1rem; text-decoration:none; background-color: #E6344A; color: white; font-weight: bold; width: 100%; height: 10%; border-width: 0px; border-style: solid; border-color: #000000;}





}









.menu_ajuntament {
width:8%; 
height:30px; 
margin-top:20px; 
margin-bottom:20px; 
background-color:#dc0030;  
float:left;
text-align:center;

 }

.menu_ajuntament2 {
width:92%; 
height:30px; 
margin-top:20px; 
margin-bottom:20px; 
background-color:#000000;  
float:left;
text-align:left;

 }

.menu_carrilsadlb {
width:100%; 
height:30px; 
margin-top:20px; 
margin-bottom:20px; 
background-color:#35a211;  
float:left;
text-align:left;

 }



/* evita el border al hover del slider */

a:focus, a:hover {
	text-decoration: none;
	outline: none;
}

/* final evita el border al hover del slider */

/*-- Slider --*/

.slider {
	position: relative;
	z-index:10;
    margin-top: 55px;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.callbacks_nav {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	text-decoration: none;
	height: 32px;
	width: 32px;
	background: url("../img/left.png") no-repeat left top;
	margin-top: -45px;
}

.callbacks_nav.next {
	left: auto;
	background-position: right top;
	top: 50%;
	right: 0;
	height: 32px;
	width: 32px;
	background: url("../img/right.png") no-repeat left top;
}

ul.callbacks_tabs.callbacks1_tabs {
	display: none;
}

.callbacks_nav {
	left: 20px;
}

.callbacks_nav.next {
	right: 20px;
}

.slider .caption {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.46);
	
padding-top: 5px;
	text-align: center;
}

.slider .caption h3 {
	font-size: 60px;
	color: #FFF;
	font-weight: 700;
	letter-spacing: -2px;
}
.slider .caption h4 {
	font-size: 50px;
	color: #FFF;
	font-weight: 700;
	letter-spacing: -2px;
}


.slider .menu_article {
text-align: justify;
margin: 0 auto;
width:60%; 
height:30px; 
background-color:transparent;  
}

.slider .textarticle{
font-size: 3rem;
color: #ffffff;
}

.slider .textarticle_p{
font-size: 3rem;
color: #ffffff;
}


.caption-signup {
	width: 20%;
	margin: 100px auto 0;
}

.caption-register, .caption-book {
	width: 50%;
	float: left;
}

.caption a {
	padding: 10px 30px;
	background-color: rgba(255, 255, 255, 0.74);
	color: #333;
	border: none;
	font-size: 15px;
	font-weight: 600;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.caption a:hover {
	background-color: #35A10F;
	color: #FFF;
}

/*-- //-Slider --*/

/*--- Banner */
.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../img/img_banner.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}



@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

}
/*--- final Banner */

/*-- Responsive-Code --*/
@media only screen and (max-device-width: 600px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (device-width: 600px), only screen and (max-width: 767px) { 
.todo {width:100%; background-color:white; }
.contenido {width:69%;}
.lateral {width:29%;}
.menu {
height:49%; }
.textmenu{font-size: 1.5rem;}
.textoficial{font-size: 1,5rem;}
.boto1 {width:49%;}
.boto2 {width:49%;}
.boto3 {width:49%;}
.boto4 {width:49%;}

.normatives {background-color:white; }
  .btn-responsive {
    padding:2px 4px;
    font-size:60%;
    line-height: 1;
    border-radius:3px;
  }

}



@media only screen and (max-device-width: 480px), only screen and (device-width: 767px) and (device-height: 480px), only screen and (device-width: 480px), only screen and (max-width: 480px) { 
.todo {width:100%; background-color:white; }
.contenido {width:100%;}
.lateral {width:100%; margin-top:10px;}
.menu {
height:49%; }
.textmenu{font-size: 1rem;}
.textoficial{font-size: 0.7rem;}
.boto1 {width:79%;}
.boto2 {width:79%;}
.boto3 {width:79%;}
.boto4 {width:79%;}

.slider .caption {
margin-top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.46);
	
padding-top: 1px;
	text-align: center;
}
.slider .caption h3 {
	font-size: 10px;
	color: #FFF;
	font-weight: 1;
	letter-spacing: 0px;
}
.slider .caption h4 {
	font-size: 8px;
	color: #FFF;
	font-weight: 1;
	letter-spacing: 0px;
}
.callbacks_nav {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	text-decoration: none;
	height: 10px;
	width: 10px;
	background: url("../img/left_p.png") no-repeat left top;
	margin-top: -45px;
}

.callbacks_nav.next {
	left: auto;
	background-position: right top;
	top: 50%;
	right: 0;
	height: 10px;
	width: 10px;
	background: url("../img/right_p.png") no-repeat left top;
}

.slider .menu_article {
margin: 0 auto;
width:90%; 
height:30px; 
background-color:transparent;  
}

.slider .textarticle{
font-size: 1rem;
color: #ffffff;
}

.slider .textarticle_p{
font-size: 0.6rem;
color: #ffffff;
}

 .btn-responsive {
    padding:4px 9px;
    font-size:10%;
    line-height: 1.2;
  }
 /*-- //Podem modificar mida del buto del slide --*/ 
  .caption a {
   /*-- cambia mida buto altura amplada --*/ 
	padding: 3px 5px;
	background-color: rgba(255, 255, 255, 0.74);
	color: #333;
	border: none;
	 /*-- //cambia mida de la lletra --*/ 
	font-size: 7px;
	font-weight: 600;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
 /*-- //final Podem modificar mida del buto del slide --*/ 
.normatives {background-color:white;  }
}

/*-- //Responsive-Code --*/


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

#notas {
  background-color: #FAEBD7;
}
#notasadlb {
  background-color: #7FFFD4;
}
#notasinstrucciones {
  background-color: #DCDCDC;
}