.jumbotron {
    text-align: center;
    color: #FFF;
    background-attachment: scroll;
    /*background-image: url("img/lara-croft-1.jpg");*/
	background-color: #655441;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: inherit;
}
.jumbotron {
    padding-bottom: 48px;
    min-height: 500px;
    padding-top: 200px;
}

.jumbotron .container {
    max-width: 100%;
    background-color: rgba(221, 221, 221, 0.75);
}

.cercle {
	width:21.61885%;
	padding-top:15px;
	padding-bottom:14px;
}
.cercle:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: white; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
	border: 1px solid black;
}
.cercle div {
    float:left;
    width:100%;
    padding-top:20%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:black;
}
.ag-cercles {
	display: flex;
	justify-content: space-around;
}
.featurette-divider {
    margin: 20px 0px;
}
.featurette-heading {
    margin-top: 0px;
    font-family: "Patua One";
    font-size: 32px;
    color: #444444;
}
body {
	position: relative;
	padding: 0;
}
a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}
section{
	padding: 40px 0;
}
.fons{
	background-color: #f4f4f4;
}

/************************************************************************
	* NAVBAR
************************************************************************/


.navbar-brand{
	padding: 0px;
}
.navbar .btn-group {
	margin-top: 8px;
}
.navbar .container{
	background-color: white;
	margin-top: 15px;
}
.navbar.opaque .container{
	background: transparent;
	margin-top: 0;
}

.nav li a, .nav .btn {
	color: #444444;
	font-weight: 700;
	transition: 0.5s ease;
}
.nav > li > a:hover, .nav > li > a:focus, .navbar .btn-group:hover {
    text-decoration: none;
    background-color: #e3d0a5;
}
.navbar .btn-group {
	margin-top:0;
}
.navbar .btn {
	border: 0;
}
.navbar .container {
    height: 60px;
}
.navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-brand {
    padding: 5px;
}

/***********************************************************************
	*  OPAQUE NAVBAR SECTION
***********************************************************************/
.opaque-navbar {
    background-color: transparent;
	/* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    height: 60px;
    border-bottom: 0px;
    transition: background-color .5s ease 0s;
}

.opaque-navbar.opaque {
    background-color: white;
    height: 60px;
    transition: background-color .5s ease 0s;
	border-bottom: solid 4px #655645;
}

.opaque-navbar.opaque .navbar-nav > li > a {
    padding-bottom: 16px;
}
.opaque-navbar.opaque .nav > li > a:hover, .nav > li > a:focus, .navbar .btn-group:hover {
/*	padding-bottom: 16px;*/
}

ul.dropdown-menu {
    background-color: black;
}


@media (max-width: 992px) {
	.opaque-navbar {
		background-color: white;
		height: 60px;
		transition: background-color .5s ease 0s;
	}
}

/*section.fons:nth-child(7) {
    height: 800px;
}*/

/**********************************************************************
	* TIPOGRAFIES
*********************************************************************/
h3 .text-muted {
    font-family: arial;
    font-size: 18px;
    color: #988366;
}
h3 {
	padding-bottom:20px;
}
.ressaltat{
	font-size: 14px;
	color: #626262;
	font-weight:700;
}
.lead.valor{
	font-size:14px;
	line-height:24px;
}
/**********************************************************************
	* BOTONS
*********************************************************************/
.btn-primary {
    color: #444444;
    border-color: #e3d0a5;
    background-color: #e3d0a5;
    font-family: "Patua One";
	background-image: none;
	transition: 0.5s ease;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover  {
    background-color: #66503b;
	border-color: #66503b;
}
.btn{
	border-radius: 0;
}
ul.dropdown-menu {
    background-color: white;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: white;
    background-color: #66503b;
	background-image: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #e3d0a5;
    border-color: #337ab7;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 4px;
    border-radius: 1px;
    background-color: #66503b;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    background-color: white;
}
.navbar-collapse {
    max-height: none;
}
.navbar-collapse.in {
    overflow-y: visible;
}
.teBoto{
	margin-top:20px;
}
.interruptor{
	margin-left:25px;
}
button.intranet, button.idiomes{
	margin-right:0px;
	color: #66503b;
}
.idiomes-menu{
	width: 70px;
	min-width:0px;
}
.dropdown-menu.pull-right.idiomes-menu{
	right:10%;
}

/**********************************************************************
	* FOOTER
*********************************************************************/
footer {
    background-color: #66503B;
	/*height:100px;*/
}
.space {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.peu {
    display: flex;
    align-items: center;
}
footer .container{
	padding-top: 30px;
} 
.footer-links a {
    color: #e3d0a5;
}
.peu .footer-links{
	text-align:	right;
}
/**********************************************************************
	* MEDIA QUERIES
*********************************************************************/
@media (max-width: 768px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		position: relative;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.jumbotron{
		min-height: initial;
		margin-top:60px;
		background-size:cover;
	}
	h3{
		padding-bottom:0px;
	}
	.peu{
		display: initial;
	}
	.peu .footer-links, .peu .col-md-6{
		text-align: center;
	}
}

@media (min-width: 768px) {
	footer {
    height:100px;
    margin-top: 60px;
	}

}

@media (max-width: 375px){
	.container{
		padding-left:10px;
		padding-right:10px;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse, .row {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar .container {
        padding-left: 0;
		padding-right: 0;
    }
    .navbar {
        position: relative;
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: none;
    }
    .jumbotron {
        margin-top: 0;
    }
}

/**********************************************************************
	* MODAL ACCÉS INTRANET
*********************************************************************/
.modal-body .row {
    margin-left: 0px;
    margin-right: 0px;
}

/**********************************************************************
	* FORMULARIS
*********************************************************************/
select,
textarea,
input {
    font-size: 16px !important;
}

/**********************************************************************
	* TAULES
*********************************************************************/
.table-responsive {
	
}