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


html {
  position: relative;
  min-height: 100%;				/* sticky footer */
}

body {
  margin-bottom: 160px;			/* sticky footer height + footer top margin */
}



/* ------------------------------------------------ */
/* Fonts */ 


@font-face{ 
	font-family: 'BPreplay';
	src: url('bpreplay-webfont.eot');
	src: url('bpreplay-webfont.eot?#iefix') format('embedded-opentype'),
	     url('bpreplay-webfont.woff') format('woff'),
	     url('bpreplay-webfont.ttf') format('truetype'),
	     url('bpreplay-webfont.svg#webfont') format('svg');
	}


@font-face{ 
	font-family: 'BPreplayBold';
	src: url('bpreplaybold-webfont.eot');
	src: url('bpreplaybold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('bpreplaybold-webfont.woff') format('woff'),
	     url('bpreplaybold-webfont.ttf') format('truetype'),
	     url('bpreplaybold-webfont.svg#webfont') format('svg');
	}

}


.dummy
{
	/* This is GREAT: The first class defined before the font definition is discarded */;
}






/* ------------------------------------------------ */
/* Nav bar */ 


.navbar
{
	margin-top: 10px;
}

.navbar ul
{
	padding: 0px;
	padding-right: 30px;
	padding-left: 7px;

	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #202451;   /* #E0E0E0;*/

	background-color: #2E3476;  /*#F0F0F0;*/
}


.navbar-nav > li:first-child 
{
	/*-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;	

	border-left: 1px solid #202451;   

	margin-left: -10px;*/
}

.navbar-nav > li:first-child > a:hover
{

}


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

/* Nav bar language selector */
.navbar .langselector 
{
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 40px;
}

.navbar .langselector .row
{
	margin-top: 0px;
}

.navbar .langselector span
{
	margin-left: 2px;

}
.navbar .langselector img
{ 
	width: 24px;
	height: 20px;
	border: 1px solid #FFF;
}


.navbar .langselector_droplist
{
	margin-top: 20px;
	/*margin-left: 30px;*/
	margin-bottom: 20px;
}

.navbar .langselector_droplist p
{
	margin-left: 0px;
	float: left;
	position: relative;
	color: #FFF;   /*#777;*/
	font-size: 18px;
}

.navbar .langselector_droplist span
{
	/*margin-left: 30px;*/
	
}
.navbar .langselector_droplist img
{ 
	width: 40px;
	height: auto;
	border: 1px solid #FFF;
}





/* ------------------------------------------------ */
/* Footer */
.footer 
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 120px;				/* sticky footer height */ 
	background-color: #f0f0f0;
	padding: 10px;

	border-top: 1px solid #E0E0E0;
}


.footer .label
{
	font-size: 16px;
	color: #777;
}

.footer img
{
	height: 48px;
	width: auto;
}



.footer .legalnotice
{
	font-size: 12px;
	font-weight: normal;
	text-align: center;

	padding-top: 20px;
	padding-bottom: 10px;
}


.footer .developedby
{
	font-size: 10px;
	font-weight: normal;
	color: #777;
	text-align: center;

	padding-top: 20px;
	padding-bottom: 10px;
}

.footer .developedby img
{
	width: 40px;
	height: auto;
}


.presmall-footer
{
	width: 100%;
	height: 70px;
	text-align: center;
}

.presmall-footer img,
{
	width: 64px;
	height: auto;
}




/* ------------------------------------------------ */
/* Header  */

.page-header
{
	margin-top: 50px;
}

.page-header .title
{
	margin-left: 0%;
}

.page-header .title h1
{
	font-weight: bold;
	font-size: 36px; 
	
	margin-top:10px;
}


.navbar-brand img
{
	width: 246px;
	height: auto;

	margin-top: 20px;
}		


.navbar-brand.small-logo img
{
	width: 150px;
	height: auto;
	margin-top: -15px;
}


/* Note that this title is only shown in reduced resolutions, when the navbar-brand image disappears */
.navbar-brand h1
{
	font-family: "BPreplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	
	color: #2E3476;

	margin-top: 0px;
}


/* Right image on the page header */

.page-header .title-image
{
	position: absolute;
	top: 125px;
	left: 73%;	

	width:150px;
}
	
.title-image img
{
	width: 150px;
	height: auto;
	border: 1px solid #D8D8D8;
}


/* ------------------------------------------------ */
/* Button tunning */
.btn-info:hover
{
	background-color: #FD882D;
	border-color: #FD882D;
}

.green-hover:hover
{
	background-color: #01A850;
	border-color: #01A850;
}




/* ------------------------------------------------ */
/* Inici page specific */
#inici 
{
	min-height: 100%;
}



#inici .items_principals
{
	text-align: justify;
}

#inici .items_principals p
{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 0px;
	min-height: 120px;
}


#inici .items_principals 
{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
}

#inici .items_principals .item
{
	text-align:center;
	padding: 20px;
}

#inici .items_principals  img
{
	width: 168px; /*128px;*/
	height: auto;
}

#inici .items_principals .item .btn
{
	width: 100%;
}

#inici .jumbotron
{
	margin-top: 30px;
	height: 380px;

	background: url("../img/jumbotron.jpg") no-repeat center center; 
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
}

#inici .jumbotron .container
{
	margin-top: -55px;
	padding: 15px 15px 15px 15px;
}

#inici .jumbotron h1
{
	font-size: 40px;
	font-weight: bold;
	color: #2E3476;
	margin: 0px;

	font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;	
}




/* ------------------------------------------------ */
/* Content blocks */

.contentblock
{
	padding: 10px;
	color: #737373;
	font-size: 20px;
}


.contentblock-title
{
	width: 100%;
	border-bottom: 2px solid #737373;
}


.contentblock-title-small
{
	width: 100%;
	border-bottom: 1px solid #737373;
}



.contentblock h2
{
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight:  bold;
	font-size: 28px;
}


.contentblock-text
{
	margin-top: 20px;
}


.contentblock-grid
{
	padding: 10px;
	color: #737373;
	font-size: 20px;	

	height: 450px;
	
}



.contentblock-grid-frame
{
	background-color: white;

	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #D8D8D8;  

	width: 100%;
	height: 100%;	
	
}


.contentblock-grid .contentblock-title
{
	border-bottom: 0;
	padding: 10px 15px 10px 15px;
	margin-top: -10px;
	font-weight: bold;
}

.contentblock-grid .contentblock-title h3
{
	font-weight: bold;
	font-size: 20px;	
}


/* ------------------------------------------------ */
/* Content blocks: Images and gallery; */


.contentblock-img
{
	margin-top: 30px;
}

.contentblock-grid .contentblock-img
{
	margin-top: 10px;
}

.contentblock-img img
{
	width: 100%;
	
	border: 1px solid #D8D8D8;
	margin-bottom: 20px;
}

.contentblock-img .biogas-img-bottom
{

}


.contentblock-img .biogas-img-bottom img
{
	height: 195px;
	width: auto;
}

.contentblock-img.barrejadora-classic-topleft
{
	margin-top: 80px;

}

.contentblock-img.barrejadora-classic-bottom
{

}


.contentblock-img.barrejadora-classic-bottom img
{
	height: 210px;
	width: auto;
}


.row.contentblock-img
{
	margin-right:0px;
}






.contentblock-img .main-img img,
.contentblock-img.main-img img
{
	cursor: pointer;
}


.contentblock-grid .contentblock-img.main-img-responsive
{
	float: none;		/* Patching the float fom col-sm-* */
}


.contentblock-grid .contentblock-img.main-img-responsive-vertical
{
	float: left;
}


.contentblock-img .gallery
{


}


.contentblock-img .gallery .thumbnail,
.contentblock-img .gallery-responsive .thumbnail
{
	background-color: white;
	height: 150px;
	width: 150px;
	margin: 3px;
	vertical-align: middle;
	text-align: center;
	float: left;
	position: relative;

}

.contentblock-img .gallery-responsive .thumbnail
{
	padding: 4px;
}

.contentblock-img .gallery .thumbnail img,
.contentblock-img .gallery-responsive .thumbnail img
{
	margin-bottom: 0px;
	height: auto;
	width: auto;
	border: 0;
}








.contentblock-img .gallery ul
{         
	padding: 0;
	margin: 0;
}

.contentblock-img .gallery-responsive ul 
{
	margin: inherit;
}


      
.contentblock-img .gallery ul li, 
.contentblock-img .gallery-responsive ul li 
{     
	list-style: none;
	padding: 4px;

}

.contentblock-img .gallery ul li span,
.contentblock-img .gallery-responsive ul li span
{
	border: 1px solid #D8D8D8;
	float: left;
	position: relative;
	background-color: white;
	max-height: 160px;
	padding: 4px;
}

.contentblock-img .gallery ul li img, 
.contentblock-img .gallery-responsive ul li img 
{
	cursor: pointer;
	margin: 0;  
	border: 0;      
}




#galleryModal .modal-dialog
{
	width: 1000px
}

#galleryModel .modal-content
{
	max-width: 1000px;
}

#galleryModal img
{
	width: auto;
	max-height: 600px;
	max-width: 970px;

	margin-left: auto;
	margin-right: auto;
}



.galleryCloseButton
{
	float: right;
	margin-top: -12px;
	margin-left: 946px;
	position: absolute;
	width: 33px;

	cursor: pointer;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;

	background-color: #D8D8D8;
	border: 2px solid #8F8F8F;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 17px;
}



/* ------------------------------------------------ */
/* Contact styles */


#contact textarea
{
	height: 300px;
}

#contact .map
{
	border: 1px solid #D8D8D8;	
}

#contact .phone-button a
{
	margin-left: 20px;
}


/* ------------------------------------------------ */
/* Blank styles */



.margin-20
{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
}


.margin-50
{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
}


.margin-60
{
	position: relative;
	float: left;
	width: 100%;
	height: 60px;
}




/* ------------------------------------------------ */
/* Biogas specific */


#biogas .well.well-title
{
	background-color: #01A850;
	border-color: #01A850;

}

#biogas .navbar-default .navbar-nav > .active > a 
{
	background-color: #01A850;
}




/* ------------------------------------------------ */
/* youtube */

.youtube 
{ 
	position: relative;
	text-align: center;

}

.youtube iframe
{
	border: 1px solid #D8D8D8;
}





/* ------------------------------------------------ */
/* legal */

#legal table td {
	padding: 10px;
}





/* ------------------------------------------------ */
/* cookie consent */

#cookieconsentbar {
	position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #6b6b6b;
    padding: 10px;
    border-top: 1px solid #2e3476;
    color: #FFF;
    text-align: center;
}

#cookieconsentbar .bold {
	font-size: 15px;
	font-weight: bold;
}

#cookieconsentbar .link {
	margin-top: 7px;
	margin-bottom: 7px;
}

#cookieconsentbar .link a {
	color: #fe9700;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

#cookieconsentbar .btn {
	font-size: 14px;
}


/* ------------------------------------------------ */
/* cookie policy */

#cookiespolicy table td,
#cookiespolicy table th {
	padding: 10px;
	text-align: center;
}