body {
    overflow-x: hidden;
}

#imatge-head {
	margin-top:50px;
	margin-bottom:60px;
	margin: 0 auto; /* afegit */
} /*afegit*/

.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto} /* igual que BOOTSTRAP.MIN*/
.img-responsive{display:block;max-width:100%;height:auto}/* igual que BOOTSTRAP.MIN*/

/*-------------------- CONTAINER ----------------------*/

.container { /* tot escepte la "imatge_head" */
	max-width: 930px; 
    padding-right: 15px;
    padding-left: auto;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container {
        width: 760px; /* ORIGINAL: 750px */
		padding-left: 5px; /* afegit */
    }
	p {
    font-size: 13px;
    line-height: 12px;
	padding-bottom: 5px;
}
}

@media (min-width:868px) { /* afegit */
    .container {
        width: 860px;
		padding-left: 5px; /* afegit */
    }
	p {
    font-size: 14px;
    line-height: 15px;
	padding-bottom: 10px;
}
}

@media (min-width:992px) {
    .container {
        width: 990px; /* ORIGINAL: 970px */
		padding-left: 5px; /* afegit */
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}

/*-------------------------------------------*/

/*.text-muted { color: #777; }
.text-primary { color: rgba(245,70,0,1.00); }
.text-red { color: rgba(245,70,0,1.00); }
.text-white { color: rgba(255,255,255,1.00); }
.text-black { color: rgba(0,0,0,1.00); }
.text-block { text-align: justify; }
.text-left { text-align: left; }
.text-centered { text-align: center; }
.text-reviews { text-align: center; vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(245,70,0,1.00); color: rgba(245,70,0,1.00); padding: 20px 0px 0px 0px; font-weight: 700; }*/

/*---------------------------- HEADER ----------------------------------*/

header {
	background-color: #DDD; /* afegit */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
/* AFEGIT: el banner es veu senser d'alçada */
@media (min-width:330px) {
    header { margin-top: 30px; }
}

@media (min-width:350px) {
    header { margin-top: 27px; }
}

@media (min-width:400px) {
    header { margin-top: 20px; }
}
@media (min-width:500px) {
    header { margin-top: 10px; }
}
@media (min-width:600px) {
    header { margin-top: 5px; }
}

@media (min-width:768px) {
    header { margin-top: 45px; }
}

@media (min-width:858px) {
	header { margin-top: 40px; }
}

@media (min-width:912px) {
    header { margin-top: 35px; }
}

@media (min-width:992px) {
    header { margin-top: 25px; }
}

@media (min-width:1030px) {
    header { margin-top: 25px; }
}

@media (min-width:1070px) {
    header { margin-top: 25px; }
}

@media (min-width:1140px) {
    header { margin-top: 25px; }
}

@media (min-width:1200px) {
    header { margin-top: 10px; }
}

@media (min-width:1350px) {
    header { margin-top: 0px; }
}

header .intro-text { /* no utilitzat */
    padding-top: 120px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in { /* no utilitzat */
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif; font-weight: normal;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-lead-in2 { /* no utilitzat */
    margin-bottom: 25px;
    font-family: 'Montserrat', sans-serif; font-weight: normal;
    font-size: 22px;
    line-height: 30px;
}

header .intro-text .intro-lead-in3 { /* no utilitzat */
    margin-bottom: 40px;
    font-family: 'Montserrat', sans-serif; font-weight: normal;
    font-size: 40px;
	font-style: italic;
    line-height: 50px;
}

header .intro-text .intro-heading { /* no utilitzat */
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 250px;
        padding-bottom: 150px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-family: 'Montserrat', sans-serif; 
		font-weight: 400;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family: 'Montserrat', sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
}


/* --------------------- TEXT capitols -------------------*/
.text-section-heading-first {
	font-family: 'Montserrat', sans-serif; 
	font-size:28px;
	padding: 70px 0px 0px 0px; /* top-right-bottom-left */
	text-transform: uppercase; /*atenció: tot majúscules*/
	font-weight: 300;
	color: rgba(110,150,160,1.00);
}
.text-section-heading {
	font-family: 'Montserrat', sans-serif;
	font-size:28px;
	padding: 40px 0px 0px 0px; /* top-right-bottom-left */
	text-transform: uppercase; /*atenció: tot majúscules*/
	font-weight: 300;
	color: rgba(110,150,160,1.00);
}

.text-section-sub-heading {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size:20px;
	line-height:30px;
	padding: 0px 0px 0px 0px; /* top-right-bottom-left  */
	color: #999;
} 

.text-heading { font-family: 'Roboto', sans-serif; font-weight: 300; font-size:15px; line-height:20px; padding-bottom:0px; padding-right:70px; }

.text-bio { font-family: 'Roboto', sans-serif; font-weight: 300; font-size:15px; line-height:20px;  padding-bottom:0px; margin-top:10px; }
.text-bio-seccions { font-family: 'Roboto', sans-serif; font-weight: 400; font-size:18px; line-height:20px;  padding-bottom:0px; margin-top:30px; }

@media (max-width:768px) { 
.text-section-heading-first {
	font-family: 'Montserrat', sans-serif; 
	font-size:24px;
	padding: 40px 0px 0px 0px; /* top-right-bottom-left */
	text-transform: uppercase; /*atenció: tot majúscules*/
	font-weight: 300;
}
.text-section-heading {
	font-family: 'Montserrat', sans-serif; 
	font-size:24px;
	font-weight: 300;
	padding: 40px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-sub-heading {
	font-family: 'Montserrat', sans-serif; 
	font-size:18px; 
	font-weight: 300;
}
.text-heading { padding-right:20px; }
}

@media (max-width:488px) { 
.text-section-heading-first {
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	font-weight: 300;
	padding: 30px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-heading {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size:20px;
	padding: 40px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-sub-heading {
	font-family: 'Montserrat', sans-serif; 
	font-size:18px; 
	font-weight: 200;
}
.text-heading { padding-right:10px; }
}

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/* HACK PER FIREFOX ----------------------*/
@-moz-document url-prefix() {
	
@media (max-width:768px) { 
.text-section-heading-first {
	padding: 70px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-heading {
	padding: 40px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-sub-heading {
	padding: 10px 0px 0px 0px; /* top-right-bottom-left */
}
}

@media (max-width:488px) { 
.text-section-heading-first {
	padding: 70px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-heading {
	padding: 40px 0px 0px 0px; /* top-right-bottom-left */
}
.text-section-sub-heading {
	padding: 10px 0px 0px 0px; /* top-right-bottom-left */
}
}
}

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/

p {
    font-size: 14px;
    line-height: 20px;
	padding-bottom: 10px;
}

ul {margin-bottom: 0} /*afegit per mi*/

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: rgba(110,150,160,1.00);
}

a:hover,
a:focus,
a:active,
a.active {
    color: rgba(110,150,160,1.00);
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 { font-family: 'Roboto', sans-serif; font-size:14px;line-height:20px; } /*afegit*/
h6 { font-family: 'Roboto', sans-serif; font-weight: 400; } /*afegit*/

.cita_text {
	display:block;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	font-style:italic;
	color:#888;
	padding-left:50px;
}



/*--------------------- IMATGES -----------------------*/

.img-responsive,
.thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-centered {
    margin: 0 auto;
}
/*----------------------------------------------*/

.bg-light-gray {
    background-color: rgba(245,245,245,1.00);
}
.bg-white {
    background-color: rgba(255,255,255,1.00);
}
.bg-red {
    background-color: rgba(245,70,0,1.00);
}

.bg-light-blue {
    background-color: rgba(237,247,251,1.00);
}

.bg-darkest-gray {
    background-color: #222;
}
.bg-medium-gray {
    background-color: #ccc; color:#000; z-index:-1;
}

.bg-carousel-1 {
    background-color: #222;
}


/*--------------------------------------------------------*/

/*-------------- NAV, navegació del MENÚ -----------------*/

/* ---------------- MIRAR "@min-width:768px) -----------------*/

.navbar-nav { padding-right:70px; } /* afegit: menus fent caixa amb les miniatures */

.navbar-brand { /* NOM */
    float: left;
    /*max-height: 30px;*/
    padding: 18px 0px !important; /*alt-baix esq-dreta */
	margin-left: 0px !important; /* nom fa caixa amb el contingut */
    /*font-size: 18px;*/
}

.navbar-default {
	background-color: rgba(245,245,245,1.00) !important; /* contenidor de tot el menú */
	border-bottom: solid 1px #000000 !important;
}

.navbar-default .navbar-brand { /*tan sols canvïa el nom*/
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 24px !important;
    letter-spacing: 0px;
    line-height: 20px;
    /*text-transform: uppercase; */
    color: rgba(189,60,41,1.00); /* color nom */
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    border:0; 
	color: #000; /* NOM: vermell a:hover */
}

.navbar-default .navbar-collapse { 
	border-color: rgba(188,60,41,1.00);
}

/*afegit*/
.navbar-collapse {
	padding-top: 0px !important; /*baixa els links*/
  	padding-bottom: 0px !important; 
}

.navbar-default .navbar-toggle {
    border-color:  rgba(188,60,41,1.00);
    background-color:  rgba(188,60,41,1.00);
	border-radius: 0 !important; /* afegit per fer el TOGGLE rectangular, sense radi */
}

/*pictograma*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: rgba(255,255,255,1.00);
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: rgba(188,60,41,0.70);

}

.navbar-default .nav li a { 
/* MOLTS PARÁMETRES ESTAN TOCATS A "dropdown-menu", DEGUT A QUE HI HAN SUBMENUS. 
menu + submenu separació*/
    text-transform: uppercase;
    font-family:'Montserrat', sans-serif;
	font-size:14px;
	letter-spacing: 1px;
	border:0;
}
.nav li a {z-index:99999; bottom:-5px;} /*afegit: baixa els menus*/


/*hover navigation text*/
.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
	font-weight: 400; /*afegit*/
	color:rgba(188,60,41,1.00);
    outline: 0;
	border:0;
	z-index: 9999; 
	/*border-bottom: solid 1px #000000 !important;*/
}
/*active navigation text*/
.navbar-default .navbar-nav>.active>a {
    border-radius: 0 !important;
    color: rgba(255,255,255,1.00); /*active: color menu. Abans: rgba(30,30,30,1.00)*/
    background-color: rgba(188,60,41,1.00);
}
/*hover active navigation buttons*/
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: rgba(188,60,41,1.00); /* recuadre menú actiu abans: rgba(110,150,160,0.70); */
}

@media(max-width:768px) {
	.navbar-nav { padding-right:0px;} /* afegit: franja roja de banda a banda */
	.navbar-default .navbar-brand { /*tan sols canvïa el nom*/
	font-size: 22px !important;
	letter-spacing: 0px;
	margin-left: 15px !important;
}
}

@media (min-width:488px) {
}

@media(min-width:968px) {
}

@media(min-width:768px) { 
    .navbar-default {
        padding: 20px 0; 
        border: 0;
        background-color: #222;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        /*font-size: 2em; */
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 0;
    }

    .navbar-default.navbar-shrink { /* menús desprès del scroll */
        padding: 5px 0;
        background-color: #222;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

@media (min-width:268px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 10px;
    }
}

/*------------------------------  SECTION -----------------------------------*/

section {
    padding: 20px 0px 0px 0px; /* top right bottom left */
	background: rgba(212,212,212,1.00);
	margin-bottom: -50px; /* abans -50px */
}
/* PER MIRAR text-section-sub-heading ANAR A LINIA 27 */

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: 'Roboto', sans-serif; 
	font-weight: 400;
    font-size: 16px;
    font-style: italic;
}

@media(min-width:768px) { /* no tocar */
    section {
	padding: 40px 0;
    }
}
@media(max-width:768px) { /* AFEGIT */
    section {
	padding: 20px 0;
    }
}
@media(max-width:488px) { /* AFEGIT */
    section {
	padding: 20px 0;
    }
}

/*---------------- SECTION PUBLICACIONS (afegit meu) ----------------*/

section#textos {
	margin-left:0px;
	-o-background-size: cover;
}
section#textos a:link { color: #000; text-decoration: none; } 
section#textos a:visited { color: #000; text-decoration: none; } 
section#textos a:hover, a:focus { color: rgba(110,150,160,1.00); text-decoration:none; }

.italica { font-style:italic;}

.cos12 { font-size:12px}

.underline { text-decoration:underline !important; font-weight:normal;}

.pdf-icon { padding-left:5px;}

@media(max-width:488px) { /* AFEGIT */
.text-section-heading { font-size:30px; font-weight:400;} 
.text-section-sub-heading { font-size:20px; font-weight:500;}
#textos-text { font-size:12px;}
p { font-size:13px;} /*afectada la bio*/
}

/*----------------SECTION CONTACT : mirar contact.css ----------------*/

section#contact {
	background-color: rgba(245,245,245,1.00);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	color:#000 !important; /*afegit*/
	margin-top: 60px;
}
section#contact a:link { color: #000; text-decoration: none; } 
section#contact a:visited { color: #000; text-decoration: none; } 
section#contact a:hover, a:focus { color: rgba(110,150,160,1.00); text-decoration:underline; }


/*-------------------- responsive GALLERY THUMBS ---------------------------*/
.gallery {
list-style: none;
overflow: hidden;
padding: 0;
margin-left: 0;
}
.gallery li {
width:150px; /* nesesari per centrar thumbs en vertical */
height: 150px; /* nesesari per centrar thumbs en vertical */
text-align:center;
float: left;
margin: 14px 26px 14px 0px; /* top right bottom left */

/* les tres següents linies estàn per centar la miniature en vertical dins del <li> */	
display: flex;
align-items: center;
justify-content: center;
}

ul li img { max-width: 150px; max-height: 150px; } /* afegit */


@media (max-width:768px) { 
.gallery {margin-left: 0px;}
.gallery li { width:120px !important; height: 120px !important; margin: 14px 26px 14px 0px !important;} /* top right bottom left */
ul li img { max-width: 120px; max-height: 120px !important;} /*afegit: miniatues petites*/
}

@media (max-width:488px) { 
.gallery {margin-left: 0px;}
.gallery li { width:120px !important; height: 120px !important; margin: 14px 26px 14px 0px !important;} /* top right bottom left */
ul li img { max-width: 120px; max-height: 120px !important;} /*afegit: miniatues petites*/
}

@media (max-width:428px) { /*mòbils de 428px iPhone 12 pro max */
.gallery {margin-left: 0px;}
.gallery li { width:104px !important; height: 104px !important; margin: 14px 26px 14px 0px !important;} /* top right bottom left */
ul li img { max-width: 104px; max-height: 104px !important;} /*afegit: miniatues petites*/
}

@media (max-width: 415px) { /*mòbils de 412px i 414px */
.gallery {margin-left: 0px;}
.gallery li { width:104px !important; height: 104px !important; margin: 12px 22px 12px 0px !important;} /* top right bottom left */
ul li img { max-width: 104px; max-height: 104px !important;} /*afegit: miniatues petites*/
}

@media (max-width: 393px) { /*mòbils de 390px i 393px */
.gallery {margin-left: 0px;}
.gallery li { width:100px !important; height: 100px !important; margin: 12px 20px 12px 0px !important;} /* top right bottom left */
ul li img { max-width: 100px; max-height: 100px !important;} /*afegit: miniatues petites*/
}

@media (max-width: 376px) { /*mòbils de 375px iPhone 6-7-8 */ 
.gallery {margin-left: 0px;}
.gallery li { width:92px !important; height: 92px !important; margin: 12px 20px 12px 0px !important;} /* top right bottom left */
ul li img { max-width: 92px; max-height: 92px !important;} /*afegit: miniatues petites*/
}

@media (max-width: 361px) { /*mòbils de 360px */ 
.gallery {margin-left: 0px;}
.gallery li { width:88px !important; height: 88px !important; margin: 12px 20px 12px 0px !important;} /* top right bottom left */
ul li img { max-width: 88px; max-height: 88px !important;} /*afegit: miniatues petites*/
}

@media (max-width: 321px) { /*mòbils de 320px */
.gallery {margin-left: 0px;}
.gallery li { width:78px !important; height: 78px !important; margin: 10px 18px 10px 0px !important;} /* top right bottom left */
ul li img { max-width: 78px; max-height: 78px !important;} /*afegit: miniatues petites*/
}

@media (max-width: 268px) { 
.gallery {margin-left: 0px;}
/* Els margins negatius es deuen al menor whith/height de les miniatures */
.gallery li { width:70px !important; height: 70px !important; margin: 10px 14px 10px 0px !important;} /* top right bottom left */
ul li img { max-width: 70px; max-height: 70px !important;} /*afegit: miniatues petites*/
}


/*---------------- Video YOUTUBE ----------------*/

.video{ font-family:'Roboto', sans-serif; font-size:15px; }

/*---------------- retrat CV ----------------*/

.retrat {
	max-width: 800px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 14px;
}