body {
	font-family: Georgia, serif;
    font-size: 18px;
    font-weight: normal;    
    line-height: 1.428571429;
    color: #000000;
    position: relative;
}

a {
	color: #ff3948;
	outline: 0;
}

a:hover, a:focus, a:visited {
	color: black;
	outline: 0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: white !important;    
    color: black;
}

.btn {
    font-family: "Trocchi", serif; 
    font-weight: normal;
    transition: background-color 0.5s ease;
}

a.btn {
    background-color: #61312b;
    color: white !important;
    padding: 10px 20px;
}

.center {
	display: table;
	margin: 0 auto;
}

a:hover.btn {
	background-color: #aa312b;
}

section {
    padding-bottom: 4em;
    padding-top: 4em;
}

#peu-pagina {
    padding-bottom: 2em;
    padding-top: 5em;
}

#entradeta {
    margin-top: 7em;
}

#entradeta a,
#entradeta a:hover,
#entradeta a:focus,
#entradeta a:visited {
    color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Trocchi", serif; 
    font-weight: bold;
}

h5 {
	color: #808080;
	font-size: 18px;
	margin-top: 3em;
}

h2, .h2 {
    margin-bottom: 1em;
    font-size: 36px;    
    text-align: center;
}

h4 {	
	margin-top: 3em;
	margin-bottom: 1.75em;
}

.textos h4 {
	text-align: center;
}

.textos a {
	color: black;
    text-decoration: none;
    border-bottom: 1px solid;
}

.textos a:hover {
	border-bottom: none;
}

h1 {
	font-size: 28px;
    line-height: 0.9em;
	color: white;
}

h1 span {
	color: maroon;
	color: black;
}

.lead {
    font-size: 24px;
    line-height: 1.25em;
    color: white;

/*    -moz-hyphens: auto;
    word-wrap: break-word;*/
}

.bg-fosc .lead {
	color: white;
}

.fi {
	font-weight: 100;
}

#inici {
	padding-top: 20px;
}

.blanc {
	color: white;
	text-shadow: 0 0 9px #000;
}

.btn-outline.blanc {
    border-color: white;
    color: white;
}

.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}

.nav > li > a:hover, 
.nav > li > a:focus {
    background-color: transparent;
    color: white;
}

.navbar-brand {
    position: absolute;
    top: -10px;
}

.navbar-brand > img {
	width: 34px;
	margin-left: -15px;
}

.nav > li > a,
#peu-pagina a {
    color: gray;
    font-family: Trocchi, sans-serif;
}

.nav .active > a {
    color: white;
}

.lead {
	text-align: center;
	font-family: Trocchi, sans-serif;
}

small, .small {
	font-size: 14px;
}

figcaption {
	padding: 0.75em 0;
}

.form-control,
.btn {
	-webkit-border-radius: 	0; 
	-moz-border-radius: 	0; 
	border-radius: 			0;
	border: none;
	box-shadow: none;
}

.btn {
	padding: 10px 20px;
}

.btn-primary {
    background-color: #ff3948;
    color: #FFFFFF;    
}

.btn-outline {
	background: transparent none repeat scroll 0 0;
    border: 2px solid black;
    border-radius: 10px;
    color: black;
    display: table;
    margin: 2em auto 0;
    padding: 10px 60px;
}

.btn-primary.btn-block {
	background-color: black;
	padding-bottom: 10px;
    padding-top: 10px;
}

.btn-outline.btn-block {
    background-color: transparent;
    padding: 10px 0;
    width: 100%;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0;
}

.fb i {
    background-color: #106AA3;
}

.social a:hover i {
	background-color: white;
}

.fb a:hover i {
    color: #106AA3;
}

.twitter i {
    background-color: #00ADFF;
}

.twitter a:hover i {
    color: #00ADFF;
}

.gplus i {
    background-color: #C30B0B;
}

.gplus a:hover i {
    color: #C30B0B;
}

.social {
    text-align: center;
    margin-top: 3em;
    margin-bottom: 3em;
}

/* Header */
header .container {
    margin-bottom: 0;
}

.navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-fixed-top,
.navbar-collapse.collapse {
    background-color: black;
}

.navbar {
    margin-bottom: 0;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #EEEEEE;
    cursor: not-allowed;
    opacity: 0.5;
}

.form-contacte h3 {
    margin-bottom: 1em;
    margin-top: 2em;
}

.form-contacte .ss-mail {
    font-size: 18px;
    vertical-align: sub;
}

.btn-primary[disabled] {
    opacity: 0.5;
}

#logo-principal {
    margin: 0 auto 40px;
    width: 90%;
}

.textos p {
    /*-moz-hyphens: auto;*/
    color: #333;
    line-height: 1.6em;
    word-wrap: break-word;
}

figure {
    margin-bottom: 1em;
    margin-top: 3em;
    text-align: center;
}

figure:last-of-type {
	margin-bottom: 2em;
}

figcaption {
	font-size: 13px;
}

.well h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1em;
    margin-top: 0;
}

/* Activació */
#activacio {
    background-color: #efefef;
}

/* Autors */
.bg-fosc {
	background-color: #111;
}

.bg-fosc h2 {
	color: #ccc;
}

.bg-fosc p {
	color: #eee;
}


/* contacte */
#contacte,
#contacte a {
	color: white;
}

#inscripcio .bloc-collabora {
	padding: 20px;
	background-color: rgba(254, 208, 0, 0.9);
	margin-bottom: 30px;
}

.bloc-collabora h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
    margin-bottom: 50px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}

label {
	font-weight: normal;
}

/* Stellar */
	.foto-bg {
		background-attachment: fixed;
		background-position: 50% 0;
		background-repeat: repeat;
		position: relative;
		background-size: cover; /*afegit*/
		background-color: black;
	}

	.bg0 { background-image: url('../img/bg/bg4.jpg'); }
	.bg1 { background-image: url('../img/bg/bg1.jpg'); }
	.bg2 { background-image: url('../img/bg/bg2.jpg'); }
	.bg3 { background-image: url('../img/bg/bg3.jpg'); }
	.bg4 { background-image: url('../img/bg/bg4.jpg'); }
	.bg5 { background-image: url('../img/bg/bg5.jpg'); }
	.bg6 { background-image: url('../img/bg/bg6.jpg'); }
	.bg7 { background-image: url('../img/bg/bg7.jpg'); }
	.bg8 { background-image: url('../img/bg/bg8.jpg'); }


/* Peu */
#peu-pagina {
	text-align: center;
}

#peu-pagina a:hover {
	text-decoration: none;
	color: black;
}

#logo-rebost-peu {
	width: 165px;
	margin: 0 auto 2em;
}

#xarxes-peu {
	font-size: 30px;
	margin-bottom: 1em;
}

#xarxes-peu a {
    background-color: gray;
    border-radius: 2em;
    color: white;
    display: block;
    font-size: 27px;
    height: 60px;
    margin: 0 auto;
    padding: 9px 17px;
    width: 60px;
    text-decoration: none;
}

#xarxes-peu a:hover {
	color: white;
	text-decoration: none;
	background-color: black !important;	
}

#xarxes-peu .ico-facebook a { 
    padding-left: 21px;
}

#tbl {
    text-align: left;
}

/*  ====================
    MEDIA QUERIES
    ==================== */
/* Només mòbil */
@media (max-width: 768px) {
	h2, .h2 {
	    font-size: 36px;
	}

	#text-manifest p { 
		font-size: 18px;
	}

	.nova-entrevista {
		display: none;
	}

	.foto-bg {
       background-attachment: scroll;
    }	
}

@media (max-width: 468px) {
	section, #peu-pagina {
	    padding-bottom: 3em;
	    padding-top: 3em;
	}
}

@media (min-width: 468px) and (max-width: 768px) {
	.llistat-img > li {
	    width: 50%;
	}

	#logo-principal {
    	margin: 0 auto 40px;
    	width: 60%;
	}
}

@media (min-width: 768px) {
	.navbar-fixed-top,
	.navbar-collapse.collapse {
	    background-color: black;
	}

	.affix .navbar-brand {
		display: block;
	}

	.navbar-nav {
		display: table;
		margin: 0 auto;
		text-align: center;
		float: none;
	}

	.navbar {
		font-size: 14px;
		min-height: unset;
		padding-bottom: 2px;
		padding-top: 1px;
	}

	h1 {
		font-size: 40px;
	}

	#logo-principal {
    	margin: 0 auto 40px;
    	width: 40%;
	}

	#inici .lead {
		font-size: 32px;
	}

	.lead {
    font-size: 36px;
	}

	small, .small {
    	font-size: 75%;
	}

	#programa {
		font-size: 28px;
	}

	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
	}

	#anteriors .row > div {
    	min-height: 40em;
	}

	#darreres-noticies article {
    	height: 570px;
	}

	.article-entrevista {
    	margin-top: 0;
	}

	#suports .llistat-img li {
		width: 20%;
	}

	#num-1 > p {
	    font-size: 18px;
	    text-align: center;
	}

	.foto-bg {
		background-repeat: no-repeat;
	}

	#avantatges .llistat-img > li {
    	width: 33.3%;
	}

	.nova-entrevista {
	    background-color: rgb(254, 208, 0);
	    border: 10px solid white;
	    border-radius: 10em;
	    font-family: "Montserrat",sans-serif;
	    font-size: 18px;
	    height: 180px;
	    padding-top: 60px;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    text-transform: uppercase;
	    top: 189px;
	    width: 180px;
	}

	.nova-entrevista.destacat-conlcusions {
    	right: 179px;
	}
}

@media (min-width: 992px) {
	h1 {
		font-size: 48px;
	}

	#anteriors .row > div {
    	min-height: 29em;
	}

	#logo-principal {
	    margin: 0 auto 60px;
	    width: 33%;
	}
}

@media (min-width: 1200px) {
	#logo-principal {    
		margin: 0 auto;
    	width: 35%;
	}

	h1 {
		font-size: 60px;
	}

	#inici .lead {
    	font-size: 32px;    
	}

	.lead {
	    font-size: 48px;
	    margin-bottom: 2em;
	    margin-top: 2em;
	}

	#anteriors .row > div {
    	min-height: 33em;
	}	
}